:root{--screen-w: 336px;--screen-h: 504px;--lcd-bg: #0b1210;--lcd-bg-2: #0e1714;--ink: #b8c8b4;--ink-dim: #6f8272;--accent: #79a68b;--warn: #c9a86a;--danger: #a65f5f;--blue: #6b87a8;--frame: #17191d;--frame-hi: #26292f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#060708;color:var(--ink);font-family:Courier New,SF Mono,Menlo,PingFang SC,Microsoft YaHei,monospace;overflow-x:hidden}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}.room{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 12px;background:radial-gradient(ellipse 70% 55% at 50% 42%,#101418,#08090b 70%,#040506)}.room-caption{font-size:12px;color:#4a5350;letter-spacing:2px}.stage{display:flex;align-items:flex-start;gap:18px}.stage-side{display:flex;flex-direction:column;gap:10px;width:240px;padding-top:40px}.side-btn{align-self:flex-start;font-size:12px;color:#8b917f;background:#14161a;border:1px solid #2b2f36;padding:8px 12px;box-shadow:2px 2px #000}.side-btn:hover{color:var(--ink)}.phone{background:linear-gradient(160deg,var(--frame-hi),var(--frame) 40%,#101216);border:1px solid #33373e;border-radius:26px;padding:26px 16px 12px;box-shadow:0 24px 60px #000000bf,inset 0 1px #ffffff0f;flex-shrink:0}.phone-speaker{width:64px;height:6px;margin:0 auto 14px;border-radius:3px;background:repeating-linear-gradient(90deg,#0a0b0d 0,#0a0b0d 4px,#1e2126 4px,#1e2126 8px);border:1px solid #0a0b0d}.phone-screen{position:relative;width:var(--screen-w);height:var(--screen-h);background:var(--lcd-bg);border:3px solid #000;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 24px #000c,0 0 2px #79a68b40;display:flex;flex-direction:column;image-rendering:pixelated;-webkit-font-smoothing:none;transition:filter .4s}.phone-screen.powersave{filter:brightness(.7)}.phone-chin{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 2px}.phone-logo{font-size:10px;letter-spacing:4px;color:#4b5058;padding:6px}.phone-home{width:40px;height:40px;border-radius:50%;border:1px solid #33373e;background:radial-gradient(circle at 40% 35%,#23262c,#101216);color:#5b6169;font-size:14px;box-shadow:inset 0 2px 4px #0009}.phone-home:active{transform:translateY(1px)}.crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px)}.crt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 105% 100% at 50% 50%,transparent 55%,rgba(0,0,0,.42) 100%)}.crt-noise{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");animation:noise-shift .9s steps(4) infinite}.crt-flicker{position:absolute;top:0;right:0;bottom:0;left:0;background:#a0c8aa08;animation:flicker 3.7s infinite}@keyframes noise-shift{0%{transform:translate(0)}25%{transform:translate(-6px,4px)}50%{transform:translate(4px,-6px)}75%{transform:translate(-4px,-4px)}to{transform:translate(0)}}@keyframes flicker{0%,91%,to{opacity:1}92%{opacity:.55}93%{opacity:1}96%{opacity:.75}}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;color:var(--ink-dim);background:#00000073;border-bottom:1px solid #1c2622;flex-shrink:0}.statusbar-right{display:flex;gap:8px;align-items:center}.statusbar-batt{color:var(--warn)}.statusbar-clock{font-size:11px;color:var(--ink-dim);padding:1px 2px}.statusbar-clock:hover{color:var(--ink)}.boot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer}.boot-logo{font-size:26px;letter-spacing:10px;color:var(--warn);text-shadow:0 0 12px rgba(201,168,106,.4)}.boot-sub{font-size:11px;color:var(--ink-dim);letter-spacing:3px}.boot-dots span{display:inline-block;margin:0 3px;color:var(--accent);animation:boot-blink 1.2s infinite}.boot-dots span:nth-child(2){animation-delay:.2s}.boot-dots span:nth-child(3){animation-delay:.4s}@keyframes boot-blink{0%,60%,to{opacity:.15}30%{opacity:1}}.lock{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding-top:66px;cursor:pointer;overflow:hidden}.lock-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.6;z-index:0}.lock-wallpaper.dim{opacity:.22}.lock>*:not(.lock-wallpaper){position:relative;z-index:1}.lock-clock{font-size:52px;letter-spacing:4px;color:#d7e4d2;text-shadow:0 0 14px rgba(121,166,139,.35)}.lock-date{margin-top:8px;font-size:13px;color:var(--ink-dim);letter-spacing:2px}.lock-hint-tap{margin-top:auto;margin-bottom:34px;font-size:11px;color:#55625a;letter-spacing:3px;animation:boot-blink 2.4s infinite}.lock-pad{cursor:default;padding-top:26px}.lock-pad-title{font-size:12px;color:var(--ink-dim);letter-spacing:3px}.lock-code{display:flex;gap:14px;margin:14px 0 6px}.lock-code-slot{width:26px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;border-bottom:2px solid #3a4a42;color:#d7e4d2}.lock-wrong{font-size:11px;color:var(--danger);margin-top:2px}.lock-hint{font-size:11px;color:var(--warn);margin-top:6px;max-width:240px;text-align:center;line-height:1.6}.keypad{display:grid;grid-template-columns:repeat(3,66px);gap:8px;margin-top:16px}.key{height:44px;font-size:16px;color:var(--ink);background:#141e1ad9;border:1px solid #2c3a33;box-shadow:0 2px #000}.key:active{transform:translateY(1px);box-shadow:0 1px #000}.key-fn{font-size:12px;color:var(--warn)}.lock-back{margin-top:12px;font-size:11px;color:#55625a}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.home{position:relative;flex:1;overflow:hidden}.home-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.3}.home-owner{position:relative;text-align:center;font-size:11px;color:#5d6a61;letter-spacing:2px;padding:12px 0 4px}.home-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 6px;padding:14px 16px}.app-icon{display:flex;flex-direction:column;align-items:center;gap:6px}.app-icon-img{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#121c18e6;border:1px solid #2c3a33;box-shadow:2px 2px #000000b3}.app-icon:active .app-icon-img{transform:translate(1px,1px);box-shadow:1px 1px #000000b3}.app-icon-label{font-size:11px;color:var(--ink);text-shadow:1px 1px 0 #000}.app-icon-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#f0e6d8;background:var(--danger);border:1px solid #000}.glitch{animation:glitch 1.8s steps(2) infinite}@keyframes glitch{0%,82%,to{transform:translate(0);filter:none}84%{transform:translate(-2px,1px);filter:hue-rotate(40deg)}88%{transform:translate(2px,-1px);filter:hue-rotate(-40deg)}92%{transform:translate(-1px,-1px)}}.glitch-text{animation:glitch-text 2.6s steps(2) infinite;display:inline-block}@keyframes glitch-text{0%,88%,to{opacity:1;transform:translate(0)}90%{opacity:.4;transform:translate(2px)}94%{opacity:.9;transform:translate(-2px)}}.app{flex:1;display:flex;flex-direction:column;min-height:0}.app-header{display:flex;align-items:center;gap:10px;padding:7px 8px;background:#101a16f2;border-bottom:1px solid #223029;flex-shrink:0}.app-back{font-size:11px;color:var(--accent);padding:3px 4px}.app-title{font-size:13px;color:#d0dccb;letter-spacing:1px}.app-banner{font-size:11px;color:var(--warn);background:#3c301a59;border-bottom:1px solid #3a3222;padding:5px 8px}.sms-list,.notes-list{overflow-y:auto}.sms-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border-bottom:1px solid #16211c;text-align:left}.sms-item:hover{background:#1e2c2666}.sms-contact{font-size:13px;color:#d0dccb}.sms-unread{color:var(--danger);margin-left:6px;font-size:10px}.sms-preview{font-size:11px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sms-thread{flex:1;overflow-y:auto;padding:10px 8px 16px;display:flex;flex-direction:column;gap:8px}.bubble-row{display:flex}.bubble-row.me{justify-content:flex-end}.bubble-row.them{justify-content:flex-start}.bubble{max-width:78%;padding:6px 9px;font-size:12px;line-height:1.55;background:#14231d;border:1px solid #27382f;color:var(--ink);box-shadow:2px 2px #0000008c}.bubble-row.me .bubble{background:#1a2733;border-color:#2c3f52}.bubble-time{margin-top:4px;font-size:10px;color:#55625a}.bubble-failed{color:var(--danger)}.bubble-delayed{border-color:var(--warn)}.bubble-tag{font-size:10px;color:var(--warn);margin-bottom:3px}.gallery-grid{overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.gallery-thumb{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;background:#0e1613e6;border:1px solid #223029}.gallery-thumb:hover{border-color:#3a5245}.gallery-thumb-title{font-size:11px;color:var(--ink)}.gallery-detail{overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px}.gallery-photo{border:2px solid #223029;box-shadow:3px 3px #0009;line-height:0}.gallery-date{font-size:11px;color:#55625a}.gallery-desc{font-size:12px;line-height:1.7;color:var(--ink);white-space:pre-line;text-align:center}.gallery-remi-note{font-size:11px;color:var(--accent);border-left:2px solid var(--accent);padding-left:8px;white-space:pre-line}.gallery-damaged-tip{font-size:11px;color:var(--danger)}.notes-item{display:flex;justify-content:space-between;width:100%;padding:11px 12px;border-bottom:1px solid #16211c;font-size:12px;text-align:left}.notes-item:hover{background:#1e2c2666}.notes-item-title{color:#d0dccb}.notes-item-date{color:#55625a;font-size:11px}.notes-detail{overflow-y:auto;padding:16px 18px}.notes-date{font-size:11px;color:#55625a;margin-bottom:12px}.notes-body{font-size:13px;line-height:1.9;white-space:pre-line}.settings{overflow-y:auto;padding-bottom:14px}.settings-group{font-size:10px;color:#55625a;letter-spacing:2px;padding:14px 12px 6px}.settings-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;border-bottom:1px solid #16211c;font-size:12px;text-align:left}.settings-row-btn:hover{background:#1e2c2666}.settings-label{color:var(--ink);display:flex;flex-direction:column;gap:2px}.settings-note{font-size:10px;color:var(--warn)}.settings-value{color:var(--ink-dim);font-size:11px;text-align:right}.settings-value.warn,.settings-label.warn{color:var(--warn)}.toggle{min-width:44px;padding:4px 8px;font-size:11px;color:var(--ink-dim);background:#101a16;border:1px solid #2c3a33;box-shadow:1px 1px #000}.toggle.on{color:#0d1512;background:var(--accent);border-color:var(--accent)}.settings-confirm{padding:12px;font-size:12px;display:flex;flex-direction:column;gap:10px}.settings-confirm-btns{display:flex;gap:10px}.settings-confirm-btns button{padding:5px 12px;border:1px solid #2c3a33;font-size:12px}.btn-danger{color:#e8c4c4!important;border-color:var(--danger)!important;background:#5a28284d}.trash{padding:12px;display:flex;flex-direction:column;gap:8px;font-size:12px}.trash-item{display:flex;justify-content:space-between;padding:9px 10px;border:1px dashed #2c3a33;color:var(--ink-dim)}.trash-name{color:var(--ink)}.trash-info{font-size:11px}.trash-tip{margin-top:10px;font-size:11px;color:var(--warn);text-align:center}.frag-block{margin-top:10px;width:100%;border:1px dashed var(--accent);background:#1e342c59;padding:9px 10px;text-align:center}.frag-block-head{font-size:10px;color:var(--accent);letter-spacing:1px;animation:boot-blink 2s infinite}.frag-block-btn{margin-top:7px;font-size:12px;color:#d0dccb;border:1px solid var(--accent);padding:5px 12px;background:#142821cc}.frag-block-btn:hover{background:#28463acc}.frag-block-done{margin-top:6px;font-size:11px;color:var(--accent)}.remi{background:linear-gradient(180deg,var(--lcd-bg) 0%,#0c1417 100%)}.remi-broken{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px}.remi-err-title{font-size:15px;color:var(--accent);letter-spacing:3px}.remi-err-box{width:100%;border:1px solid #2c3a33;padding:10px;font-size:12px;line-height:1.9;color:var(--ink);background:#0000004d}.remi-err-box span{margin-left:6px;color:var(--accent)}.remi-err-dim{color:var(--danger);font-size:11px}.remi-murmur{width:100%;font-size:12px;line-height:1.8;color:var(--accent);border-left:2px solid var(--accent);padding-left:9px}.remi-missing{width:100%;font-size:11px;color:#55625a;border-left:2px solid #2c3a33;padding-left:9px}.remi-reboot{margin-top:auto;font-size:13px;color:var(--ink-dim);border:1px solid #2c3a33;padding:9px 18px}.remi-reboot.ready{color:#0d1512;background:var(--accent);border-color:var(--accent);animation:boot-blink 1.6s infinite}.remi-boot-lines{font-size:12px;line-height:2.1;color:var(--accent);align-self:flex-start;padding-top:30px}.remi-sleep{padding-top:60px;text-align:center;font-size:13px;line-height:2.2;color:var(--ink-dim)}.remi-chat{flex:1;overflow-y:auto;display:flex;flex-direction:column-reverse;padding:10px 8px;cursor:pointer}.remi-chat-inner{display:flex;flex-direction:column-reverse;gap:8px}.bubble-remi{background:#10231f;border-color:#2a4a40;color:#b9d6c4}.remi-controls{flex-shrink:0;padding:8px;border-top:1px solid #1c2622;background:#00000059;min-height:52px;display:flex;flex-direction:column;gap:6px}.remi-next{font-size:12px;color:var(--accent);border:1px solid #2a4a40;padding:7px;width:100%}.remi-next:hover{background:#1e342c66}.remi-end{color:var(--ink-dim);border-color:#2c3a33;animation:boot-blink 2.8s infinite}.remi-choices{display:flex;flex-direction:column;gap:6px}.remi-choice{font-size:12px;color:var(--ink);border:1px solid #2c3f52;background:#1a273380;padding:7px;text-align:left}.remi-choice:hover{background:#243646b3}.remi-input-row{display:flex;gap:6px}.remi-input{flex:1;font-family:inherit;font-size:13px;color:var(--ink);background:#0a1210;border:1px solid #2a4a40;padding:7px 9px;outline:none}.remi-send{font-size:12px;color:var(--accent);border:1px solid #2a4a40;padding:0 14px}.cursor{animation:cursor-blink .9s steps(1) infinite;color:var(--accent)}.cursor.slow{animation-duration:2s}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.ending{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#050807;animation:ending-fade 2.4s ease-out;cursor:pointer;padding:20px}@keyframes ending-fade{0%{opacity:0}to{opacity:1}}.ending-batt{font-size:11px;color:#4a5350;letter-spacing:2px}.ending-title{margin-top:18px;font-size:24px;letter-spacing:8px;color:#cfe0cc;text-shadow:0 0 16px rgba(121,166,139,.35);animation:ending-fade 1.6s ease-out}.ending-sub{font-size:11px;color:#55625a;letter-spacing:4px;animation:ending-fade 2s ease-out}.ending-btns{margin-top:26px;display:flex;flex-direction:column;gap:10px;animation:ending-fade 1.2s ease-out}.ending-btns button{font-size:12px;color:var(--ink);border:1px solid #2c3a33;padding:8px 18px}.ending-btns button:hover{background:#1e2c2666}.toasts{position:absolute;left:0;right:0;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:60;pointer-events:none}.toast{max-width:88%;font-size:11px;line-height:1.5;color:#d0dccb;background:#080e0cf2;border:1px solid var(--accent);padding:6px 12px;box-shadow:3px 3px #000000b3;animation:toast-in .25s ease-out}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.clue-panel{width:240px;background:#171512;border:1px solid #353a2a;padding:12px;font-size:12px;color:#c8bfa8;box-shadow:4px 4px #0009}.clue-panel-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;color:#8f8570;margin-bottom:10px}.clue-panel-head button{color:#8f8570;font-size:12px}.clue-goal{border:1px dashed #4a4335;padding:8px;line-height:1.7;margin-bottom:10px}.clue-goal-label{font-size:10px;color:#8f8570;margin-bottom:4px}.clue-frags{font-size:11px;color:#8f8570;margin-bottom:8px}.clue-frags span{margin-left:4px;color:#5c5546}.clue-frags span.on{color:var(--warn)}.clue-frags-n{margin-left:8px}.clue-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;line-height:1.6}.clue-empty{color:#6b6253;font-size:11px}.dev-panel{width:240px;background:#101318;border:1px solid #3a2f4a;padding:10px;display:flex;flex-direction:column;gap:6px}.dev-head{display:flex;justify-content:space-between;font-size:11px;color:#9a8fc0;letter-spacing:2px;margin-bottom:4px}.dev-head button{color:#9a8fc0}.dev-panel>button{font-size:12px;color:var(--ink);border:1px solid #2b2f36;padding:7px;text-align:left}.dev-panel>button:hover{background:#3a2f4a4d}@media(max-width:720px){.stage{flex-direction:column;align-items:center}.stage-side{width:var(--screen-w);padding-top:0}}@media(max-height:660px){.phone{transform:scale(.85);transform-origin:top center}}