:root{--p1:#f99a9a;--p2:#f9aaaa;--p3:#f9baba;--p4:#f9caca;--p5:#f9dada;--ink:#4d3038;--glass:rgba(255,255,255,.78);--line:rgba(255,255,255,.92);--shadow:rgba(110,50,70,.28)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,"Pretendard",sans-serif;color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}.screen{display:none;position:fixed;inset:0}.screen.active{display:block}
#login-screen{background:linear-gradient(135deg,var(--p5),var(--p2));display:none;place-items:center}#login-screen.active{display:grid}.login-window{width:min(430px,90vw);border:2px solid white;background:rgba(255,255,255,.78);box-shadow:14px 14px 0 rgba(139,69,89,.22)}.titlebar,.window-titlebar{height:34px;background:linear-gradient(90deg,var(--p1),var(--p3));border-bottom:2px solid white;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-weight:700;letter-spacing:.08em}.login-body{padding:28px;display:grid;gap:14px}.login-logo{font-size:32px;font-weight:900;letter-spacing:.08em;text-align:center;margin-bottom:8px}.login-body label{display:grid;gap:6px;font-size:12px;font-weight:bold}.login-body input,.search-wrap input,.guest-form input,.guest-form textarea,.admin-form input,.admin-form textarea{border:2px solid var(--p2);background:rgba(255,255,255,.9);padding:10px;border-radius:0;outline:none}.login-body input:focus,.search-wrap input:focus,.guest-form input:focus,.guest-form textarea:focus{border-color:var(--p1);box-shadow:0 0 0 2px white}.square-btn,.task-btn,.search-wrap button,.copy-btn,.tab-btn,.play-btn,.guest-form button,.admin-form button{border:2px outset white;background:var(--p3);padding:8px 12px;border-radius:0;color:var(--ink);font-weight:700}.square-btn:active,.task-btn:active,.search-wrap button:active,.copy-btn:active,.tab-btn:active,.play-btn:active{border-style:inset}.status-line{font-family:monospace;font-size:12px;min-height:18px}
#desktop{background:#efb0b0}.wallpaper{position:absolute;inset:-10px;background-size:cover;background-position:center;transition:opacity 1.2s ease,transform .3s ease;will-change:opacity,transform}.wallpaper.morning{background-image:url('assets/backgrounds/morning.png')}.wallpaper.night{background-image:url('assets/backgrounds/night.png')}.wallpaper.hidden{opacity:0}.wallpaper.visible{opacity:1}
#particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;bottom:-40px;color:white;text-shadow:0 0 8px rgba(255,255,255,.85);animation:floatUp linear forwards;opacity:.65}@keyframes floatUp{to{transform:translate(var(--drift),-115vh) rotate(280deg);opacity:0}}
.desktop-icons{position:absolute;left:18px;top:18px;display:grid;grid-template-columns:92px;gap:8px;z-index:4}.desktop-icon{width:86px;min-height:76px;border:1px solid transparent;background:transparent;color:white;text-shadow:1px 1px 3px #4b2b38;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.desktop-icon:hover,.desktop-icon:focus{border:1px solid rgba(255,255,255,.8);background:rgba(249,186,186,.25)}.desktop-icon span{font-size:34px;line-height:1}.desktop-icon b{font-size:11px;letter-spacing:.08em}
#windows{position:absolute;inset:0 0 48px 0;z-index:10;pointer-events:none}.app-window{position:absolute;width:min(760px,80vw);height:min(610px,76vh);left:15vw;top:8vh;border:2px solid var(--line);background:var(--glass);box-shadow:12px 12px 0 var(--shadow);backdrop-filter:blur(9px);pointer-events:auto;display:flex;flex-direction:column;animation:windowIn .18s ease-out}.app-window.maximized{inset:8px 8px 8px 8px!important;width:auto!important;height:auto!important}.app-window.minimized{display:none}@keyframes windowIn{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.window-titlebar{flex:0 0 34px;user-select:none;cursor:move}.window-controls{display:flex;height:100%}.window-controls button{width:34px;border:0;border-left:1px solid white;background:transparent;font-weight:900}.window-controls button:hover{background:rgba(255,255,255,.35)}.window-content{padding:16px;overflow:auto;flex:1;background:rgba(255,255,255,.18)}
.taskbar{position:absolute;bottom:0;left:0;right:0;height:48px;background:rgba(249,170,170,.9);border-top:2px solid white;display:flex;align-items:center;gap:8px;padding:5px 8px;z-index:100;backdrop-filter:blur(8px)}.task-btn{height:36px}.search-wrap{display:flex;width:min(360px,32vw);height:36px}.search-wrap input{min-width:0;flex:1;padding:7px}.search-wrap button{padding:4px 10px}.task-items{display:flex;gap:4px;flex:1;overflow:auto}.task-item{border:1px solid white;background:rgba(255,255,255,.4);height:34px;padding:0 9px;white-space:nowrap}.clock{min-width:108px;text-align:right;font-size:11px;display:flex;flex-direction:column;line-height:1.25}
.about-card{display:grid;grid-template-columns:120px 1fr;gap:20px}.profile-box{height:120px;border:2px solid var(--p2);display:grid;place-items:center;background:linear-gradient(135deg,var(--p5),white);font-size:42px}.about-copy{line-height:1.8}.about-copy a{color:#bd4865;font-weight:bold}.section-title{margin:0 0 12px;border-bottom:2px solid var(--p2);padding-bottom:8px}.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.tab-btn.active{background:var(--p1);color:white}.diary-list{display:grid;gap:10px}.diary-item{border:2px solid white;background:rgba(255,255,255,.5);padding:12px;text-align:left}.diary-item small{display:block;color:#a94d64;font-weight:bold}.diary-detail pre{white-space:pre-wrap;word-break:break-word;background:rgba(255,255,255,.65);border:1px solid var(--p2);padding:14px;font-family:Consolas,monospace;line-height:1.55}.copy-row{display:flex;justify-content:flex-end;margin-bottom:8px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.gallery-card{border:2px solid white;background:rgba(255,255,255,.35);padding:0}.gallery-card img{display:block;width:100%;height:190px;object-fit:cover}.gallery-card span{display:block;padding:7px;font-size:11px}.modal{position:fixed;inset:0;background:rgba(30,15,22,.84);z-index:999;display:none;align-items:center;justify-content:center}.modal.open{display:flex}.modal figure{margin:0;max-width:82vw;max-height:88vh;display:flex;flex-direction:column;align-items:center}.modal img{max-width:82vw;max-height:80vh;object-fit:contain;border:2px solid white}.modal figcaption{color:white;margin-top:8px}.modal-close,.viewer-prev,.viewer-next{position:absolute;border:2px solid white;background:var(--p2);color:white;border-radius:0;font-size:24px}.modal-close{right:18px;top:18px}.viewer-prev{left:18px}.viewer-next{right:18px}
.ott-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.ott-card{border:2px solid white;background:rgba(255,255,255,.48);display:flex;flex-direction:column}.ott-card img{width:100%;height:250px;object-fit:cover}.ott-card .ott-body{padding:10px;display:flex;flex-direction:column;gap:7px;flex:1}.ott-card h3{margin:0;font-size:16px}.ott-card p{margin:0;line-height:1.45}.tags{font-size:12px;color:#a4425d}.play-btn{margin-top:auto;text-decoration:none;text-align:center;display:block}.coming{background:#aaa;color:white;pointer-events:none}
.messenger{display:grid;grid-template-columns:180px 1fr;height:100%;min-height:430px;border:2px solid white}.chat-list{border-right:2px solid white;background:rgba(249,202,202,.5);padding:8px;display:flex;flex-direction:column;gap:6px}.chat-person{border:1px solid white;background:rgba(255,255,255,.55);padding:10px;text-align:left}.chat-person.active{background:var(--p1);color:white}.chat-pane{display:flex;flex-direction:column;min-width:0}.chat-messages{flex:1;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:76%;padding:10px 12px;border:1px solid white;line-height:1.5}.bubble.me{align-self:flex-end;background:var(--p2)}.bubble.them{align-self:flex-start;background:rgba(255,255,255,.72)}.bubble b{display:block;font-size:11px;margin-bottom:4px}.bubble.continuation{margin-top:-6px}.day-sep{text-align:center;font-size:11px;color:#9a5365;margin:8px}.chat-input{height:48px;border-top:2px solid white;display:flex}.chat-input input{flex:1;border:0;background:rgba(255,255,255,.55);padding:10px}.chat-input button{width:70px;border:0;border-left:2px solid white;background:var(--p2)}
.guest-form,.admin-form{display:grid;gap:8px;margin-bottom:16px}.guest-list{display:grid;gap:8px}.guest-entry{border:2px solid white;background:rgba(255,255,255,.46);padding:10px}.guest-entry header{display:flex;justify-content:space-between;font-size:12px;font-weight:bold}.guest-note{font-size:11px;color:#9c5365;margin-bottom:10px}.trash-empty{height:100%;display:grid;place-items:center;text-align:center;font-family:monospace}.search-results{display:grid;gap:8px}.search-result{border:1px solid white;background:rgba(255,255,255,.55);padding:10px;text-align:left}
@media (max-width:700px){.desktop-icons{grid-template-columns:repeat(2,82px);left:8px;top:8px}.app-window{width:94vw;height:72vh;left:3vw!important;top:5vh!important}.taskbar{gap:4px}.search-wrap{width:42vw}.task-items{display:none}.clock{min-width:72px}.about-card{grid-template-columns:1fr}.messenger{grid-template-columns:120px 1fr}.ott-card img{height:210px}}

/* vivid pixel desktop icons + darker wallpaper contrast */
.wallpaper.morning{filter:brightness(.78) saturate(1.03) contrast(1.03)}
.wallpaper.night{filter:brightness(.68) saturate(1.08) contrast(1.05)}
.desktop-icons{grid-template-columns:96px;gap:10px}
.desktop-icon{width:92px;min-height:82px;padding:5px 3px;border:1px solid transparent;background:transparent;color:#fff;text-shadow:2px 2px 0 #30203f,0 0 5px rgba(0,0,0,.75)}
.desktop-icon:hover,.desktop-icon:focus,.desktop-icon.selected{border:1px dotted #fff;background:rgba(90,116,255,.32);outline:1px solid rgba(24,31,90,.55);outline-offset:-3px}
.pixel-icon{width:52px;height:52px;display:block;filter:drop-shadow(3px 3px 0 rgba(38,24,64,.72));image-rendering:pixelated}
.pixel-icon .outline{fill:#332557}
.desktop-icon b{font-family:"Courier New",Consolas,monospace;font-size:12px;letter-spacing:0;font-weight:900;line-height:1.05}
.desktop-icon:hover .pixel-icon{transform:translateY(-2px)}
.pixel-icon{transition:transform .08s linear}
.guest-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.guest-form-bottom span{font:11px monospace;color:#8d4e64}.guest-status{margin:0 0 10px;font:11px monospace;color:#8d4e64}.guest-form button:disabled{opacity:.55;cursor:not-allowed}.guest-entry header span{display:flex;align-items:center;gap:6px}.guest-dot{width:8px;height:8px;display:inline-block;background:#ff5fa2;border:1px solid #64364b;box-shadow:2px 2px 0 rgba(101,228,255,.55)}.guest-entry:nth-child(4n+2) .guest-dot{background:#9b72ff}.guest-entry:nth-child(4n+3) .guest-dot{background:#65e4ff}.guest-entry:nth-child(4n+4) .guest-dot{background:#67f0c2}.guest-entry p{overflow-wrap:anywhere;line-height:1.55}.guest-empty,.guest-error{padding:18px;border:1px dashed rgba(255,255,255,.9);background:rgba(255,255,255,.28);text-align:center}.guest-error{color:#a43f5f}