:root{--ink:#31493f;--muted:#8d988e;--green:#536b54;--line:#dce1d6;--cream:#f8f7f1;--accent:#75886a;--wall:url('assets/wallpaper.jpg')}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#edf0e9;background-image:radial-gradient(ellipse at 5% 50%,#e1e8db 0,transparent 45%),radial-gradient(ellipse at 95% 10%,#f7f4e9 0,transparent 40%);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none}button:focus-visible,a:focus-visible{outline:3px solid #a2bb89;outline-offset:4px}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.studio{min-height:100svh;max-width:1480px;margin:auto;padding:40px 65px;display:grid;grid-template-columns:minmax(250px,1fr) 382px minmax(245px,.85fr);gap:66px;align-items:center}.intro{height:780px;max-height:calc(100svh - 80px);min-height:680px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:700;letter-spacing:2px;white-space:nowrap}.brand-mark{font-family:serif;font-size:21px;letter-spacing:0;width:34px;height:34px;background:var(--ink);color:#eef1e7;display:grid;place-items:center;border-radius:50%}.edition{font-size:8px;color:#9ba596;margin-left:8px}.intro-copy{margin-top:110px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:2px}.eyebrow>span,.live-dot{width:5px;height:5px;background:#7f916e;border-radius:50%;display:inline-block}h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:44px;line-height:1.6;font-weight:500;letter-spacing:1px;margin:22px 0 20px;white-space:nowrap}.intro-copy>p{line-height:2.1;color:#8a978b;font-size:13px}.story-tag{font-size:10px;letter-spacing:1px;border:1px solid #cdd6c8;border-radius:20px;width:fit-content;padding:8px 12px;margin-top:24px}.letter-card{position:relative;background:#f9f7ef;transform:rotate(-4deg);width:240px;padding:25px 25px 21px;box-shadow:0 6px 18px #344b3a0b;margin:48px 0 15px 9px}.letter-card p{font-family:"Noto Serif SC",serif;line-height:2;font-size:13px}.letter-card small{font-size:9px;color:#9c9e8b}.paper-pin{position:absolute;width:65px;height:19px;background:#cbd4b5a0;top:-9px;left:90px;transform:rotate(5deg)}footer{font-size:11px;line-height:2;color:#8e998c;margin-top:auto;padding-top:20px}footer span{font-size:9px;color:#a6afa0}.phone-wrap{position:relative}.phone{width:382px;height:784px;border:7px solid #303b34;border-radius:51px;background:#dbe1d1;box-shadow:0 32px 60px #26362a24,0 0 0 2px #acb2a7, inset 0 0 0 2px #101e13;position:relative;overflow:hidden;isolation:isolate}.statusbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:5px 23px 0;position:absolute;top:0;left:0;right:0;z-index:20;font-size:12px;font-weight:700;pointer-events:none}.status-icons{font-size:12px;display:flex;align-items:center;gap:5px}.island{height:24px;width:98px;background:#23302a;border-radius:30px;position:absolute;top:11px;left:50%;transform:translateX(-50%)}.home-indicator{position:absolute;width:105px;height:4px;border-radius:10px;background:currentColor;bottom:9px;left:50%;transform:translateX(-50%);z-index:30;padding:0}.home-indicator:after{content:"";position:absolute;inset:-10px -30px}.phone-caption{display:flex;align-items:center;gap:7px;font-size:9px;color:#93a08f;justify-content:center;margin-top:21px}.phone-caption button{font-size:9px;margin-left:20px;text-decoration:underline;text-underline-offset:3px}#screen{height:100%;overflow:hidden}#toast{position:absolute;bottom:37px;left:24px;right:24px;z-index:45;border-radius:18px;padding:14px 17px;background:#2c423aee;color:white;font-size:12px;line-height:1.6;box-shadow:0 8px 25px #0002;transform:translateY(150px);transition:.3s;pointer-events:none}#toast.show{transform:translateY(0)}.journal{align-self:center}.journal-heading{display:flex;justify-content:space-between;letter-spacing:2px;font-size:8px;color:#8c9988;border-bottom:1px solid var(--line);padding-bottom:18px}.journal h2{font-family:"Noto Serif SC",serif;font-weight:500;font-size:25px;margin:28px 0 10px}.muted{color:var(--muted);font-size:11px;line-height:1.9}.progress-line{display:flex;justify-content:space-between;margin:35px 0 12px;font-size:10px}.progress-line strong{font-size:11px;font-weight:500}.progress-track{height:3px;background:#dce2d4;margin-bottom:10px}.progress-track i{display:block;width:0;height:100%;background:#71886a;transition:width .6s}.clue-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.clue-icon{border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:#e3e8dd;color:#9ca995;flex-shrink:0}.clue-icon svg{width:16px;height:16px}.clue-row.found .clue-icon{background:#657e5f;color:#fff}.clue-row h4{font-size:12px;font-weight:500;margin:0 0 5px}.clue-row small{font-size:9px;color:#9aa592}.clue-row>span:last-child{margin-left:auto;color:#aab3a3;font-size:11px}.guide-card{padding:22px;background:#f6f7efb0;border-radius:5px;margin-top:29px;border:1px solid #e1e5d9}.tiny-label{font-size:9px;color:#9aa58d;letter-spacing:2px}.guide-card h3{font-size:13px;font-weight:500;margin:13px 0}.guide-card p{font-size:10px;color:#8e9b89;line-height:2}.text-button{font-size:11px;padding:10px 0;display:flex;justify-content:space-between;width:100%}.journal-bottom{font-size:7px;letter-spacing:1.5px;margin-top:48px;color:#a1ad98}.journal-bottom span{font-size:10px;display:block;margin-top:12px;letter-spacing:2px}
/* Phone views */
.wallpaper{background:#9baca4;background-image:linear-gradient(180deg,#233d3320,#1a352e50),var(--wall);background-position:center;background-size:cover}.wallpaper.dusk{background-image:linear-gradient(180deg,#5e637e10,#2f405c70),var(--wall)}.wallpaper.sand{background-image:linear-gradient(180deg,#d0bc9e30,#66554280),var(--wall)}.lock{height:100%;position:relative;text-align:center;padding:85px 24px 25px;color:#fff;display:flex;flex-direction:column;align-items:center}.lock .lock-symbol svg{width:17px;height:17px}.lock-date{font-size:14px;letter-spacing:2px;margin:17px 0 2px}.lock-time{font-size:81px;font-weight:300;letter-spacing:-4px;font-variant-numeric:tabular-nums;line-height:1.2}.lock-quote{font-size:11px;letter-spacing:3px;margin:18px 0 auto;color:#ffffffcf}.lock-notification{background:#f9faf0d4;color:#36463b;border:1px solid #fff6;width:100%;border-radius:21px;display:flex;gap:12px;text-align:left;padding:17px;margin-bottom:24px;backdrop-filter:blur(15px)}.lock-notification h3{font-size:12px;margin:0 0 5px}.lock-notification p{font-size:11px;margin:0;line-height:1.7}.notification-icon{border-radius:12px;background:#678264;width:38px;height:38px;display:grid;place-items:center;color:white;flex-shrink:0}.unlock-button{color:#fff;font-size:12px;letter-spacing:2px;padding:10px 30px}.lock-hint{font-size:9px;color:#ffffffbd;margin:5px 0 24px}.pin-view{height:100%;background:#28453cee;backdrop-filter:blur(20px);color:#fff;display:flex;flex-direction:column;align-items:center;padding:125px 35px 30px}.pin-view h2{font-size:19px;font-weight:400}.pin-dots{display:flex;gap:17px;margin:15px 0 42px}.pin-dots i{width:10px;height:10px;border:1px solid #fff9;border-radius:50%}.pin-dots i.filled{background:#fff}.keypad{display:grid;grid-template-columns:repeat(3,72px);gap:17px 25px}.keypad button{width:72px;height:72px;border-radius:50%;background:#ffffff18;color:white;font-size:28px}.keypad .key-small{font-size:11px;background:transparent}.pin-view small{color:#ffffff91;margin-top:25px;font-size:10px}.home{height:100%;padding:65px 21px 25px;display:flex;flex-direction:column;color:white}.home-greeting{font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center;margin:0 3px 17px;color:#fffdf0}.widget-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.widget{height:141px;border-radius:24px;padding:17px 15px;background:#eff3e7e0;color:#425746;backdrop-filter:blur(12px);text-align:left;box-shadow:0 3px 10px #2037280a}.widget-label{font-size:9px;letter-spacing:1px;color:#829079}.widget-weather .temp{font-size:39px;font-weight:300;margin-top:9px;line-height:1.1}.widget-weather .weather-detail{font-size:10px;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.widget-letter{background:#f6efdcdf;position:relative}.widget-letter .flower{position:absolute;right:12px;top:16px;font-size:25px;color:#a5b382}.widget-letter h3{font-family:"Noto Serif SC",serif;font-size:16px;font-weight:500;margin:20px 0 7px}.widget-letter p{font-size:9px;color:#93957d;margin:0}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px 14px;margin-top:29px}.app-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-size:9px;position:relative;padding:0;text-shadow:0 1px 3px #0004}.icon-box{width:53px;height:53px;border-radius:17px;display:grid;place-items:center;background:#edf1e4;box-shadow:0 4px 8px #1b31251a;color:#687b60}.icon-box svg{width:27px;height:27px}.badge{position:absolute;top:-4px;right:0;width:16px;height:16px;background:#bf795f;color:white;border:2px solid #b4c0a8;border-radius:50%;font-size:8px;display:grid;place-items:center}.icon-box.rose{background:#edd8cb;color:#a37367}.icon-box.blue{background:#d6e1df;color:#66817e}.icon-box.yellow{background:#eee7cb;color:#a9975b}.icon-box.green{background:#78916f;color:white}.home-bottom{margin-top:auto}.home-pager{text-align:center;color:#fff9;font-size:17px;letter-spacing:5px;margin-bottom:17px}.dock{background:#edf1e545;backdrop-filter:blur(16px);border:1px solid #fff3;border-radius:26px;display:flex;justify-content:space-around;padding:13px 8px;margin-bottom:12px}.dock .app-icon{gap:0}.dock .icon-box{width:51px;height:51px}.home-owner{text-align:center;font-size:8px;color:#ffffffae;letter-spacing:2px;margin-bottom:14px}.app-view{height:100%;padding-top:52px;display:flex;flex-direction:column;background:#f5f5ee;color:#34483c}.app-header{height:54px;min-height:54px;display:flex;align-items:center;padding:0 18px;gap:9px;border-bottom:1px solid #e4e8dc}.app-header h2{font-size:16px;font-weight:600;margin:0;flex:1;text-align:center}.app-header>button{width:30px;min-width:30px;height:35px;padding:0;display:grid;place-items:center}.app-header>button svg{width:20px;height:20px}.app-header .header-spacer{width:30px}.app-content{overflow:auto;flex:1;padding:21px 20px 38px;scrollbar-width:none}.app-content::-webkit-scrollbar{display:none}.section-label{font-size:10px;letter-spacing:1px;color:#9aa08e;margin:6px 0 17px}.list-card{background:#fffefa;border:1px solid #e9ebdf;border-radius:19px;overflow:hidden;margin-bottom:16px}.list-item{width:100%;display:flex;align-items:center;gap:12px;padding:16px;text-align:left;border-bottom:1px solid #eceee5}.list-item:last-child{border:0}.list-item .info{flex:1;min-width:0}.list-item strong{font-size:13px;font-weight:500;display:block}.list-item p{font-size:11px;color:#97a08e;margin:7px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item small{font-size:9px;color:#aab19f}.avatar{width:43px;height:43px;object-fit:cover;border-radius:15px;background:#d9e2cd;color:#728561;display:grid;place-items:center;font-family:serif;font-size:20px;flex-shrink:0}.avatar.small{width:31px;height:31px;border-radius:10px;font-size:13px}.notice{background:#e9eddf;border-radius:14px;padding:13px;font-size:11px;color:#7d8a72;line-height:1.8;margin-bottom:18px}.chat-content{padding:17px 16px;scroll-behavior:smooth;background:#edf0e5}.chat-time{text-align:center;font-size:9px;color:#a1ab94;margin:10px 0 22px}.chat-message{display:flex;gap:8px;margin-bottom:19px;align-items:flex-start}.chat-message.mine{flex-direction:row-reverse}.bubble{background:#fffef9;border-radius:3px 16px 16px 16px;padding:12px 13px;max-width:250px;font-size:12px;line-height:1.85;white-space:pre-line;box-shadow:0 2px 5px #455c3d04}.mine .bubble{background:#d0debd;border-radius:16px 3px 16px 16px}.chat-compose{padding:12px 15px 27px;background:#f7f8f1;border-top:1px solid #e2e6d7;max-height:220px;overflow:auto}.chat-compose>small{font-size:9px;color:#9ca78e;display:block;text-align:center;margin-bottom:8px}.choice{display:block;width:100%;text-align:left;padding:10px 12px;margin-top:7px;border:1px solid #dbe2cd;border-radius:12px;font-size:11px;background:#fffefa;line-height:1.6}.choice:hover{background:#e8eddf}.primary{display:block;width:100%;background:#617c59;color:white;padding:13px;border-radius:14px;font-size:12px;line-height:1.6}.secondary{display:block;width:100%;border:1px solid #cbd6c0;padding:12px;border-radius:14px;font-size:12px;margin-top:10px}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.photo-tile{position:relative;aspect-ratio:.83;overflow:hidden;border-radius:14px;padding:0;background:#d9dfd0}.photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.photo-tile:hover img{transform:scale(1.04)}.photo-tile span{position:absolute;bottom:0;left:0;right:0;text-align:left;font-size:10px;color:white;padding:28px 10px 11px;background:linear-gradient(transparent,#152f2bb3)}.photo-detail{width:100%;border-radius:16px;max-height:420px;object-fit:cover}.caption{font-family:"Noto Serif SC",serif;font-size:15px;line-height:2;color:#667455;margin:23px 3px}.subcaption{font-size:10px;color:#9ba48b;line-height:1.9}.clue-callout{border:1px dashed #adb99c;border-radius:15px;padding:15px;font-size:11px;line-height:1.9;background:#edf0e3;margin:20px 0}.note-card{width:100%;text-align:left;padding:19px;background:#fffdf4;border:1px solid #e9e5d5;border-radius:16px;margin-bottom:12px}.note-card h3{font-size:13px;font-weight:500;margin:0 0 10px}.note-card p{font-size:11px;line-height:1.8;color:#9a9d8c;margin:0}.note-card small{font-size:9px;color:#b3b5a5;display:block;margin-top:15px}.note-paper{font-family:"Noto Serif SC",serif;font-size:14px;line-height:2.3;white-space:pre-line;padding:10px 2px;color:#5d6a54}.field{display:block;margin:15px 0}.field>span{font-size:11px;color:#7a886f;display:block;margin-bottom:8px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #dce2d1;border-radius:12px;background:#fffef9;color:#3f5339;padding:12px;outline:none;box-sizing:border-box;font-size:12px}.field input:focus,.field textarea:focus{border-color:#839d71}.field textarea{min-height:190px;resize:vertical;line-height:1.8}.settings-head{text-align:center;margin:5px 0 25px}.settings-head .avatar{width:65px;height:65px;margin:0 auto 12px;border-radius:22px}.settings-head h3{font-family:"Noto Serif SC",serif;font-size:19px;font-weight:500;margin:0}.smallprint{font-size:10px;color:#9ba78e;line-height:1.9}.calendar-heading{font-family:"Noto Serif SC",serif;font-size:27px;font-weight:500;margin:8px 0 25px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.calendar-grid>span{font-size:9px;color:#a4ae96;margin-bottom:12px}.calendar-grid button{aspect-ratio:1;position:relative;font-size:12px;border-radius:50%;display:grid;place-items:center}.calendar-grid button.event:after{content:"";width:3px;height:3px;border-radius:50%;background:#859876;position:absolute;bottom:3px}.calendar-grid button.selected{background:#6c855f;color:white}.event-card{border-left:2px solid #97aa86;padding:5px 0 5px 15px;margin-top:30px}.event-card h3{font-size:13px}.event-card p{font-size:11px;line-height:1.9;color:#8f9c80}.music-art{width:235px;height:235px;border-radius:50%;margin:10px auto 27px;background:repeating-radial-gradient(#283c33 0px,#283c33 3px,#34493d 4px,#263a30 5px);display:grid;place-items:center;box-shadow:0 14px 28px #38503424}.music-art:before{content:"";position:absolute;width:10px;height:10px;background:#e8eadf;border-radius:50%;z-index:2}.music-art img{width:94px;height:94px;border-radius:50%;object-fit:cover;border:5px solid #c4cdaa}.music-art.playing{animation:rotate 16s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.music-title{text-align:center;font-family:"Noto Serif SC",serif;font-size:19px;margin:10px 0}.music-by{text-align:center;font-size:10px;color:#99a38e}.music-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin:20px 0}.play-button{width:55px;height:55px;border-radius:50%;background:#6f855f;color:white;display:grid;place-items:center}.music-progress{width:100%;accent-color:#7d926c;margin:16px 0 0}.track-time{display:flex;justify-content:space-between;font-size:9px;color:#9ba58f}.music-track{font-size:11px;padding:14px 2px;border-bottom:1px solid #e0e6d6;display:flex;justify-content:space-between;width:100%}.music-track.active{color:#637f4c;font-weight:600}.diary-card{position:relative;padding:20px 0 24px 25px;border-left:1px solid #d6decb}.diary-card:before{content:"";position:absolute;left:-4px;top:24px;width:7px;height:7px;border-radius:50%;background:#8fa17e}.diary-card small{font-size:10px;color:#a1aa95}.diary-card h3{font-family:"Noto Serif SC",serif;font-weight:500;font-size:16px}.diary-card p{font-size:12px;line-height:2;color:#849078}.diary-card img{width:100%;height:170px;object-fit:cover;border-radius:12px;margin-top:8px}.moment{padding:5px 0 24px;margin-bottom:20px;border-bottom:1px solid #dfe6d6}.moment-head{display:flex;gap:10px;align-items:center}.moment-head strong{font-size:12px;font-weight:500}.moment p{font-size:12px;line-height:1.9}.moment img{width:100%;height:210px;object-fit:cover;border-radius:12px}.moment-actions{display:flex;justify-content:space-between;margin-top:12px;color:#8a9c7a;font-size:10px}.moment-actions button{font-size:11px}.moment-reply{font-size:10px;line-height:1.8;background:#e8eedd;padding:12px;border-radius:8px;margin-top:12px}.map-art{height:270px;background:#e6ebdc;position:relative;overflow:hidden;border-radius:18px;border:1px solid #dce3cf;margin:5px 0 24px}.map-art:before{content:"";width:420px;height:28px;background:#f9f8ee;border:1px solid #d4ddc7;position:absolute;top:120px;left:-40px;transform:rotate(-35deg)}.map-art:after{content:"";width:28px;height:350px;background:#f9f8ee;position:absolute;top:-20px;left:145px;transform:rotate(-23deg)}.map-river{width:65px;height:400px;position:absolute;left:240px;top:-50px;background:#bdd2cd;transform:rotate(-15deg)}.map-pin{z-index:1;position:absolute;background:#fffdf3;box-shadow:0 3px 10px #0001;padding:8px 10px;border-radius:12px;font-size:10px}.map-pin.active{background:#6b855e;color:white}.map-caption{font-size:9px;color:#9ba48e;text-align:center;margin-top:-14px;margin-bottom:23px}.audio-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:100px;margin:20px 0}.audio-wave i{width:3px;background:#98ac83;border-radius:4px}.ending{padding:35px 5px;text-align:center}.ending .ending-icon{font-size:50px;margin-bottom:18px}.ending h2{font-family:"Noto Serif SC",serif;font-weight:500;font-size:24px;line-height:1.8}.ending p{font-size:12px;line-height:2.3;white-space:pre-line;color:#7c8b71}.ending small{display:block;font-size:9px;letter-spacing:2px;color:#a7af9a;margin:30px 0}.tag{font-size:9px;padding:5px 9px;background:#e6ecdc;border-radius:10px;color:#8a9e78}.hidden-file{display:none}.help-section{margin-bottom:24px}.help-section h3{font-size:13px;font-weight:500}.help-section p{font-size:11px;line-height:2;color:#829173}.weather-big{text-align:center;font-size:78px;font-weight:200;margin:20px 0 0}.weather-line{text-align:center;font-size:12px;color:#87977c;margin:10px 0 35px}.weather-hours{display:flex;justify-content:space-between;padding:20px 12px;background:#ebefdf;border-radius:15px;margin-bottom:20px}.weather-hours div{text-align:center;font-size:10px;line-height:2.7}.weather-hours span{display:block;font-size:17px}.ending-badge{margin:18px 0;padding:13px;border:1px dashed #b8c6a6;border-radius:12px;font-size:11px;line-height:1.8}.new-photo{margin:14px 0}.danger{color:#ab7568}.read-dot{width:6px;height:6px;background:#ba8a6f;border-radius:50%}.empty{text-align:center;padding:50px 15px;color:#93a182;font-size:12px;line-height:2}.pin-error{height:18px;color:#f2cbb1;font-size:11px;margin-top:15px}
@media(min-width:1500px){.studio{gap:85px}}@media(max-width:1200px){.studio{gap:35px;padding:30px;grid-template-columns:minmax(200px,1fr) 365px minmax(200px,.9fr)}.phone{width:365px;height:754px}.intro{height:754px}.intro-copy{margin-top:90px}h1{font-size:35px}.letter-card{width:210px;padding:20px}.edition{display:none}.journal h2{font-size:23px}.app-grid{gap:20px 12px}.widget{height:130px}}@media(max-width:1000px){.studio{grid-template-columns:1fr 382px;max-width:870px;padding:30px 45px;gap:45px}.phone{width:382px;height:784px}.journal{display:none}.intro{height:784px}.intro-copy{margin-top:115px}h1{font-size:39px}}@media(max-width:700px){body{background:#edf0e9}.studio{display:block;padding:0;min-height:100svh}.intro,.journal,.phone-caption{display:none}.phone-wrap{min-height:100svh;display:grid;place-items:center}.phone{width:100%;max-width:440px;height:100svh;min-height:650px;max-height:1000px;border:0;border-radius:0;box-shadow:none}.statusbar{padding-top:4px}.island{height:23px;top:9px}.home{padding-left:25px;padding-right:25px;padding-top:68px}.widget{height:145px}.app-grid{gap:26px 14px;margin-top:32px}.icon-box{width:57px;height:57px}.home-bottom{padding-bottom:9px}.lock{padding-top:90px}.lock-time{font-size:89px}.home-indicator{bottom:max(9px,env(safe-area-inset-bottom))}.app-content{padding-bottom:45px}.chat-compose{padding-bottom:max(29px,env(safe-area-inset-bottom))}}@media(max-height:760px) and (min-width:701px){.studio{padding-top:25px;padding-bottom:25px}.phone-wrap{transform:scale(.87);margin:-48px -24px}.intro{min-height:620px;height:620px}.intro-copy{margin-top:65px}.letter-card{margin-top:30px}.journal-bottom{margin-top:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* iOS-inspired phone revision */
body{background:#161719}.studio{display:flex;justify-content:center;padding:32px;min-height:100svh}.intro,.journal{display:none}.phone-wrap{transform:none;margin:0}.phone{width:393px;height:840px;border:8px solid #27282b;border-radius:55px;box-shadow:0 35px 100px #0008,0 0 0 1px #777b80;background:#151618}.phone-caption{color:#8d9096;font-size:10px}.statusbar{height:52px;color:inherit;padding:5px 27px 0;font-size:14px;z-index:25}.status-icons{gap:5px}.status-icons svg{width:18px;height:15px;stroke-width:2}.island{background:#070809;width:112px;height:30px;top:9px;pointer-events:auto;cursor:pointer}.island.playing:after{content:'▥';color:#6be9b9;position:absolute;right:14px;top:6px;font-size:13px}.wallpaper{background-image:linear-gradient(180deg,#081c2c08,#152a2d08),var(--wall)}.wallpaper.dusk{background-image:linear-gradient(#171f5025,#100a3355),var(--wall)}.wallpaper.sand{background-image:linear-gradient(#f5c76516,#77340a25),var(--wall)}.home{padding:73px 23px 22px;animation:homeIn .25s ease-out}.home-greeting{display:none}.widget-row{gap:15px}.widget{height:146px;border-radius:23px;box-shadow:0 2px 3px #0001}.widget-weather{background:linear-gradient(140deg,#488ac9,#86b7de);color:white;padding:17px}.widget-label{color:inherit;font-size:12px;letter-spacing:0}.widget-weather .temp{font-size:46px;margin-top:1px;font-weight:300}.widget-weather .weather-detail{margin-top:3px;font-size:11px}.weather-detail small{font-size:10px}.weather-detail svg{fill:#ffffff70;stroke:white}.widget-letter{background:#fafbf9e8;color:#222;padding:16px;backdrop-filter:blur(20px)}.widget-letter .widget-label{color:#dc3c34;font-size:11px;font-weight:500}.calendar-date{font-size:39px;font-weight:300;line-height:1.15;margin:4px 0 10px}.widget-letter p{font-size:10px;color:#65676c;line-height:1.5}.widget-letter .event-widget{border-left:3px solid #e5514f;padding-left:7px;font-size:11px;font-weight:500}.app-grid{margin-top:27px;gap:23px 19px}.app-icon{gap:7px;font-size:11px;font-weight:400;text-shadow:0 1px 4px #0008;white-space:nowrap}.icon-box{width:59px;height:59px;border-radius:14px;background:#fff;color:#111;box-shadow:0 2px 3px #0002;position:relative;overflow:hidden;text-shadow:none}.icon-box svg{width:34px;height:34px;stroke-width:1.8}.ios-messages{background:linear-gradient(#64e55a,#1bc52d)!important;color:white!important}.ios-messages svg{width:37px;height:37px;fill:white;stroke:white}.ios-music{background:linear-gradient(#fa5370,#ed2144)!important;color:white!important}.ios-music svg{fill:white;stroke-width:1}.ios-notes{background:linear-gradient(#ffcf31 0 28%,#fff 28%)!important}.ios-notes:after{content:'';position:absolute;left:8px;right:8px;top:27px;height:20px;background:repeating-linear-gradient(transparent 0 5px,#e6e6e8 5px 6px)}.ios-notes svg{display:none}.ios-calendar{display:flex!important;flex-direction:column;justify-content:center;gap:0;background:#fff!important}.ios-calendar b{font-size:10px;font-weight:400;color:#ee3e33;margin-top:3px}.ios-calendar em{font-style:normal;font-size:35px;line-height:1.1;font-weight:300;color:#121212}.ios-photos svg{width:47px;height:47px;stroke:none}.ios-weather{background:linear-gradient(#1d81d5,#60b5ed)!important;color:white!important}.ios-weather svg{stroke:white;fill:#fff5}.ios-clock{background:#0d0e10!important}.clock-face{background:white;width:48px;height:48px;border-radius:50%;position:relative;color:#111}.clock-face:before{content:'';position:absolute;width:2px;height:16px;background:#111;left:23px;top:9px;transform:rotate(30deg);transform-origin:bottom}.clock-face:after{content:'';position:absolute;width:15px;height:2px;background:#111;left:23px;top:24px;transform:rotate(20deg);transform-origin:left}.clock-face i{position:absolute;left:23px;top:7px;height:19px;width:1px;background:#f36e28;transform:rotate(175deg);transform-origin:bottom}.ios-settings{background:linear-gradient(#c9ccd1,#8e949c)!important;color:#454a52!important}.ios-settings svg{width:45px;height:45px;stroke-width:2.5}.ios-map{background:linear-gradient(90deg,#a8dc90 0 24%,#fff 24% 33%,#e9dec3 33% 65%,#fff 65% 74%,#a2d4f1 74%)!important;color:#277ce1!important}.ios-map svg{background:#fff9;border-radius:8px;width:33px;height:33px;stroke-width:2.7}.ios-voice{background:#131417!important;color:#f04d49!important}.ios-voice svg{width:43px;height:43px;stroke-width:2.3}.ios-diary{background:linear-gradient(140deg,#fb9cbb,#d3437a 55%,#9e5dbd)!important;color:white!important}.ios-moments{background:#fff!important;color:#4194d3!important}.ios-moments svg{stroke-width:2.8;stroke:#4b91c6}.ios-simulator{background:linear-gradient(145deg,#b18aff,#7258df)!important;color:white!important}.ios-clues{background:linear-gradient(145deg,#59d5c8,#159b94)!important;color:white!important}.ios-phonecall{background:linear-gradient(#65e368,#23cd42)!important;color:white!important}.ios-phonecall svg{fill:white;width:35px;stroke-width:1}.ios-browser{background:#fff!important;color:#168ada!important}.safari-compass{height:47px;width:47px;border-radius:50%;background:repeating-conic-gradient(#fff 0 2deg,transparent 2deg 15deg),linear-gradient(#32c3f1,#1476d7);border:3px solid #35a9e7;position:relative}.safari-compass:before{content:'';position:absolute;left:15px;top:4px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:17px solid #fa5e62;transform:rotate(43deg);transform-origin:bottom}.safari-compass:after{content:'';position:absolute;left:15px;top:21px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:17px solid #fff;transform:rotate(43deg);transform-origin:top}.dock{padding:14px 10px;gap:18px;border-radius:30px;margin-bottom:7px;background:#eeeefa52;box-shadow:0 1px 0 #fff4 inset;backdrop-filter:blur(28px);border:0}.dock .icon-box{width:59px;height:59px}.badge{border:0;width:20px;height:20px;font-size:12px;top:-7px;right:-7px;font-style:normal;background:#ff3b30}.home-owner{display:none}.home-pager{margin:0 0 18px;letter-spacing:0}.spotlight-pill{display:inline-flex;gap:5px;align-items:center;background:#181d243c;border-radius:20px;padding:7px 12px;font-size:10px;color:white;backdrop-filter:blur(15px);text-shadow:none}.spotlight-pill svg{width:12px;height:12px;stroke-width:3}.home-bottom{margin-top:auto}.app-view{background:#f2f2f7;color:#1c1c1e;animation:appIn .24s cubic-bezier(.2,.7,.3,1)}.app-header{background:#f7f7fae8;border-bottom:1px solid #d8d8dd;padding:0 14px}.app-header h2{font-size:17px;font-weight:600}.app-header>button{color:#007aff}.app-content{padding-top:20px}.lock{padding-top:88px}.lock-date{font-size:17px;letter-spacing:.5px;margin:17px 0 0;text-shadow:0 1px 5px #0002}.lock-time{font-size:88px;font-weight:600;letter-spacing:-3px;line-height:1.08;text-shadow:0 1px 8px #0001;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.lock-quote{margin-top:17px;font-size:11px;letter-spacing:1px;text-shadow:0 1px 4px #0006}.lock-notification{background:#f0f2f5c4;backdrop-filter:blur(30px);border:0;border-radius:23px;margin-bottom:25px;padding:14px}.lock-notification h3{font-size:13px}.lock-notification p{font-size:12px}.notification-icon{background:linear-gradient(#64e55a,#1bc52d);border-radius:10px}.notification-icon svg{fill:white;stroke:white}.lock-hint{margin-bottom:34px}.unlock-button{font-size:12px;line-height:1.6}.primary{background:#007aff}.secondary{color:#007aff;border-color:#d7d7dd;background:#fff;border-radius:12px}.notice{background:#e8edf4;color:#687486}.list-card{border-color:#e5e5ea;background:white;border-radius:13px}.list-item{border-color:#eeeef2;padding:14px}.avatar{background:#e2e6ef;color:#687a92;border-radius:11px;font-family:inherit}.chat-content{background:#ededed}.bubble{background:#fff;box-shadow:none;border-radius:4px;line-height:1.7;font-size:14px;padding:11px 13px}.mine .bubble{background:#95ec69;border-radius:4px}.chat-compose{background:#f7f7f7}.choice{background:white;border-color:#ddd;color:#222;font-size:12px}.clue-row{border-color:#dddde5}.sim-scene{font-size:14px;line-height:2;white-space:pre-line;margin:20px 0;color:#353b45}.sim-tag{display:inline-block;background:#ece8fa;color:#8b70b8;padding:6px 9px;border-radius:8px;font-size:10px;margin:0 5px 6px 0}.sim-banner{height:165px;width:100%;object-fit:cover;border-radius:17px}.sim-response{background:#fff;padding:17px;border-radius:14px;line-height:1.9;font-size:13px;white-space:pre-line;border-left:3px solid #9b8cc6;margin:16px 0}.sim-world{font-size:11px;color:#808994;padding:12px;background:#e8edf3;border-radius:12px;line-height:1.8}.sim-options{margin-top:22px}.sim-options .choice{padding:13px;line-height:1.7;border-radius:12px}.sim-options small{color:#8e8e93;display:block;margin-top:10px;font-size:10px}.search-input{border:0;background:#e5e5eb;border-radius:11px;padding:12px 14px;font-size:14px;width:100%;color:#222;margin-bottom:18px}.sim-statusbar{display:flex;justify-content:space-between;font-size:10px;color:#93939b;margin-bottom:16px}.clock-digital{text-align:center;font-size:58px;font-weight:200;margin:45px 0 15px}.ios-call-avatar{width:85px;height:85px;border-radius:50%;background:#dfe4ec;color:#8291a5;display:grid;place-items:center;font-size:33px;margin:45px auto 18px}.ios-caller{text-align:center}.call-buttons{display:flex;justify-content:center;gap:30px;margin-top:35px}.call-end{background:#ff3b30;color:white;border-radius:50%;width:65px;height:65px;display:grid;place-items:center}.clue-callout{background:#f1f1f6;border-color:#bdbcc8}.note-card{background:white;border-color:#e5e5eb}.note-paper{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#454b52}.calendar-grid button.selected{background:#ff3b30}.guide-card h3,.calendar-heading,.music-title,.ending h2{font-family:inherit}.pin-view{background:#293a4bdf}.keypad button{background:#ffffff24}.screen-swipe-hint{color:#fff9;font-size:10px;letter-spacing:1px}.app-view input[type=range]{accent-color:#007aff}.phone .sim-new{background:#8b64d8}.sim-timeline{border-left:2px solid #d3c8e6;padding-left:17px;margin:10px 0 20px}.sim-timeline p{font-size:11px;line-height:1.9;color:#757581}.sim-receipt{font-size:9px;color:#aaa;text-align:right;margin-top:-9px;margin-bottom:15px}.ios-tip{font-size:10px;text-align:center;color:#9b9ba3;line-height:1.8}.home-page-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin:12px 0}.home-page-nav button{color:white;font-size:9px}.home-page-nav .dot{width:5px;height:5px;border-radius:50%;background:#fff6;padding:0}.home-page-nav .dot.active{background:white}.sheet-choice{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #e5e5ea;text-align:left}.wallpaper-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px}.wallpaper-options button{height:120px;border-radius:12px;background-size:cover;background-position:center;border:3px solid transparent}.wallpaper-options button.selected{border-color:#007aff}.home-indicator{transition:background .2s}.phone-call-summary{font-size:13px;line-height:2;background:#fff;border-radius:14px;padding:17px;margin-top:25px}@keyframes appIn{from{opacity:.4;transform:scale(.91)}to{opacity:1;transform:scale(1)}}@keyframes homeIn{from{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){body{background:#000}.studio{padding:0}.phone{width:100%;height:100svh;min-height:660px;max-height:none;max-width:440px;border:0;border-radius:0;box-shadow:none}.phone-wrap{width:100%}.home{padding:77px 26px 23px}.widget{height:152px}.app-grid{gap:26px 20px;margin-top:29px}.dock{margin-bottom:10px}.home-bottom{padding-bottom:0}.lock{padding-top:91px}.phone-caption{display:none}.statusbar{padding-left:26px;padding-right:26px}.app-icon{font-size:11px}}@media(max-width:370px){.home{padding-left:19px;padding-right:19px}.icon-box,.dock .icon-box{width:54px;height:54px}.app-grid{gap:20px 15px}.widget{height:136px}.widget-weather .temp{font-size:41px}.dock{gap:15px}.home-pager{margin-bottom:12px}}@media(max-height:760px) and (min-width:701px){.phone-wrap{transform:scale(.81);margin:-70px 0}.studio{padding:0}}@media(max-height:730px) and (max-width:700px){.home{padding-top:65px}.widget{height:129px}.widget-weather .temp{font-size:36px}.app-grid{gap:18px 18px;margin-top:21px}.home-pager{margin-bottom:10px}.icon-box,.dock .icon-box{width:55px;height:55px}.dock{padding:11px 8px}.calendar-date{font-size:30px}}