body{background:#e9edf1;background-image:radial-gradient(ellipse at 65% 40%,#fffaf5 0,transparent 58%),linear-gradient(125deg,#e1e9ed,#f4eae4)}
.site-header,.site-footer{color:#7c8791}.wordmark,.intro{color:#3c4b5e}h1 em{color:#718aa1}.edition i{background:#8b9fb0}.home-content{display:contents}
.home-screen,.lock-stage{background:#b8c6d5}.lock-screen{background:#b1a28c url('assets/optimized/jungwon-001-1200-1824671439.webp') 50% center/cover no-repeat}.lock-screen:before{background:linear-gradient(180deg,#1c181b38,transparent 48%,#1b17196b)}
.home-screen:before{background:linear-gradient(#1a181c28,#1a181c40),url('assets/optimized/jungwon-001-1200-1824671439.webp') 50% center/cover no-repeat}.home-screen .app-button .label{color:white;text-shadow:0 1px 5px #0009}.home-story{background:#ffffffe8}.home-dots i{background:#fff9}.home-dots i:first-child{background:white}.day-widget{background:#ffffffe8}.home-screen .dock{background:#ffffff9c}.photo-widget img,.avatar{object-position:center 30%}.kakao-room .chat-history{background:linear-gradient(#c7d7dce8,#c7d7dce8),url('assets/optimized/jungwon-007-1200-e1892045cf.webp') center/cover}.message-bubble img{max-height:230px;width:auto;max-width:100%;object-fit:contain}.native-post .post-image-button img{object-fit:contain;background:#f5f5f5}.credits details{margin:16px 0}.credits details p{font-size:11px}
.lock-name-form{padding:20px;border:1px solid #ffffff60;border-radius:24px;background:#f5f3efed;color:#3c3936;backdrop-filter:blur(18px);text-align:left;touch-action:auto}.lock-name-eyebrow{display:block;font-size:9px;letter-spacing:2px;color:#827970;margin-bottom:9px}.lock-name-form label{font-size:17px;font-weight:600;display:block;margin-bottom:14px}.lock-name-fields{display:flex;gap:8px}.lock-name-fields input{min-width:0;flex:1;width:100%;border:1px solid #c8c0b7;background:#ffffffcf;border-radius:12px;padding:12px 10px;font-size:16px;color:#37332e;user-select:text;-webkit-user-select:text;touch-action:auto}.lock-name-fields button{flex-shrink:0;border-radius:12px;padding:0 13px;background:#62584e;color:white;font-size:12px;touch-action:manipulation}.lock-name-form small{display:block;font-size:10px;color:#8e847a;margin-top:12px}.lock-name-hint{font-size:12px;text-align:center;margin:26px 0 10px;text-shadow:0 1px 5px #0009}.lock-edit-name{display:block;margin:12px auto 0;font-size:11px;color:#fff;text-shadow:0 1px 5px #0009}.lock-bottom:has(.lock-edit-name) .lock-hint{margin-top:14px}.lock-name-fields input:focus-visible{outline:2px solid #8e8172;outline-offset:2px}.home-screen .photo-widget>span{font-weight:600;text-shadow:0 1px 4px #0008}


@media(max-width:600px){.phone-screen{height:100%}.home-screen{padding-top:max(73px,calc(env(safe-area-inset-top) + 45px))}.lock-name-fields button{padding:0 11px}.lock-name-form{padding:17px}.lock-name-form label{font-size:16px}.lock-name-fields input{font-size:16px}.message-bubble{overflow-wrap:anywhere}}
@media(max-width:600px) and (max-height:740px){.home-screen{padding-top:max(61px,calc(env(safe-area-inset-top) + 35px))}}
@media(max-width:360px){.home-screen{padding-left:18px;padding-right:18px}.apps-grid{gap:18px 8px}.home-bottom{left:18px;right:18px}.lock-name-fields{gap:6px}.lock-name-fields button{padding:0 9px;font-size:11px}.lock-name-form{padding:15px}}
@media(max-width:600px) and (max-height:610px){.home-screen{padding-top:55px}.day-widget,.photo-widget{height:94px}.widget-pair{margin-bottom:15px}.day-widget{padding:9px}.day-widget strong{font-size:28px}.day-widget p{font-size:8px;margin-top:3px}.apps-grid{gap:12px 8px}.home-story{margin-top:12px;padding:9px 11px}.home-bottom{bottom:23px}.home-dots{margin-bottom:8px}.dock{padding:8px}.lock-top{padding-top:52px}.lock-time{font-size:66px}.lock-bottom{bottom:32px}}

/* Keep home widgets square; short viewports scroll content instead of crushing it. */
@media(max-width:600px){
  .home-screen{padding-bottom:max(144px,calc(env(safe-area-inset-bottom) + 112px))}
  .home-content{display:block;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
  .home-content::-webkit-scrollbar{display:none}
  .widget-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
  .day-widget,.photo-widget{width:100%;min-width:0;height:auto;aspect-ratio:1}
  .photo-widget img{position:absolute;inset:0;display:block}
}