:root{color-scheme:light;--ink:#43494e;--muted:#667078;--red:#9e3c44;--silver:#e7e8e8;--paper:#f7f7f4;--line:#a6aaad;--sea:#7497a3;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#dfe6ea;color:var(--ink)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:3px}button{touch-action:manipulation}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}button{border:0} .desktop-shell{height:100svh;min-height:530px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f0f1f1 0%,#e7ecee 47%,#d6e0e5 100%)}
.menubar{height:30px;display:flex;gap:6px;align-items:center;background:#f4f4f0d9;border-bottom:1px solid #bfc4c65e;padding:0 20px;position:relative;z-index:10000;font-size:12px;box-shadow:0 1px 0 #ffffff9e}.menubar button{height:29px;background:transparent;padding:0 11px}.menubar .brand{font-family:Georgia,'Songti SC',serif;font-size:17px;color:var(--red);padding-left:0}.menubar-name{font-weight:700;letter-spacing:.02em;margin-right:8px}.menubar-pair{margin-left:auto;font-size:10px;letter-spacing:1.4px;color:#63717b}.menubar-pair span{margin:0 5px;color:var(--red)}#clock{margin-left:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.menu-wrap{height:100%;position:relative}.menu{position:absolute;top:29px;left:0;min-width:210px;background:#f7f7f5;border:1px solid #adb3b6;border-radius:0 0 6px 6px;padding:5px;box-shadow:0 8px 20px #3d46552b}.menu button{display:block;width:100%;height:31px;text-align:left;border-radius:3px}.menu button:hover{background:#dfe6e9}.menu hr{border:0;border-top:1px solid #d2d6d7;margin:4px}#desktop{position:absolute;inset:30px 0 85px}.window{position:absolute;display:flex;flex-direction:column;border:1px solid #999ea1;background:var(--paper);border-radius:5px;box-shadow:0 3px 7px #343d5030,0 12px 22px #414b5812;min-width:220px;min-height:170px;overflow:hidden;resize:both;max-width:calc(100% - 24px);max-height:100%;isolation:isolate}.window:not(.active){box-shadow:0 3px 7px #343d5020}.window.active{border-color:#868d91}.titlebar{height:25px;flex:0 0 25px;display:flex;align-items:center;position:relative;padding:0 8px;background:repeating-linear-gradient(0deg,#d0d2d3 0 1px,#e8e9e9 1px 3px);border-top:1px solid #fff;border-bottom:1px solid #a5a9ac;user-select:none;touch-action:none;cursor:grab}.titlebar:active{cursor:grabbing}.titlebar h1{position:absolute;left:69px;right:22px;display:flex;justify-content:center;align-items:center;gap:5px;margin:0;font-size:11px;font-weight:400;color:#53595d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.titlebar h1 svg{width:12px;height:12px}.traffic{display:flex;gap:5px;z-index:1}.traffic button{display:grid;place-items:center;border:1px solid #969b9d;border-radius:50%;width:12px;height:12px;padding:0;background:radial-gradient(ellipse at 40% 20%,#fff,#d6d8d8 45%,#a9adaf);box-shadow:0 1px 0 #ffffffc9}.traffic svg{width:8px;height:8px;opacity:0;stroke-width:2}.traffic:hover svg,.traffic:focus-within svg{opacity:1}.traffic button:hover{background:linear-gradient(#e8b3b3,#a64b53);color:#fff}.window-body{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#b4b9bc #eeefec}.statusbar{height:23px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid #c9cdcf;background:linear-gradient(#eceeed,#d9dcdd);font-size:10px;color:#667079}.statusbar span:last-child{letter-spacing:1px}.window-profile{left:5.3%;top:25px;width:328px;height:310px;z-index:1}.window-home{left:30%;top:106px;width:296px;height:249px;z-index:2}.window-music{left:20%;top:363px;width:290px;height:192px;z-index:3}.window-memories{left:9%;top:150px;width:555px;height:365px;z-index:4}.window-gallery{left:17%;top:75px;width:470px;height:368px;z-index:5}.window.maximized{left:20px!important;top:14px!important;width:calc(100% - 40px)!important;height:calc(100% - 28px)!important;max-width:none;resize:none}.profile-toolbar{display:flex;justify-content:center;padding:9px;background:linear-gradient(#f2f3f2,#e4e7e7);border-bottom:1px solid #c2c8ca}.profile-toolbar button{min-width:78px;padding:5px 9px;border:1px solid #adb5b9;border-left:0;background:linear-gradient(#fafbf9,#dce0e0);font-size:10px;letter-spacing:.5px;text-shadow:0 1px #fff}.profile-toolbar button:first-child{border-left:1px solid #adb5b9;border-radius:4px 0 0 4px}.profile-toolbar button:last-child{border-radius:0 4px 4px 0}.profile-toolbar button[aria-selected=true]{background:linear-gradient(#899ba6,#b1bdc5);color:#fff;text-shadow:0 1px #596975;box-shadow:inset 0 1px 3px #54657166}.profile-body{padding:19px 23px;background:repeating-linear-gradient(#f7f7f4 0 3px,#f3f4f1 3px 4px)}.identity{display:flex;align-items:center;gap:15px}.identity .monogram{width:43px;height:49px;display:grid;place-items:center;flex-shrink:0;font:italic 30px Georgia,serif;color:var(--red);border:1px solid #bec5c8;background:linear-gradient(145deg,#fff,#e2e6e7);box-shadow:inset 0 0 0 3px #f6f7f5}.identity img{width:55px;height:65px;object-fit:cover}.identity h2{font-weight:400;font-size:19px;margin:0 0 4px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--red)}.identity p{font:italic 12px Georgia,serif;color:#7a8388;margin:6px 0 0}.facts{margin:16px 0 12px;display:grid;grid-template-columns:45px 1fr;gap:7px;font-size:11px}.facts dt{color:#7c858c}.facts dd{margin:0}.profile-description{font-size:12px;line-height:1.85;margin:10px 0;color:#59626a;word-break:keep-all}.home-body{display:flex;flex-direction:column;padding:12px 12px 0;background:#eee}.cover{flex:1;min-height:100px;position:relative;display:flex;align-items:center;justify-content:center;background:#dce4e7;overflow:hidden;border:1px solid #c4ced2}.cover>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cover-type{font:21px Georgia,serif;letter-spacing:4px;color:#617780;text-align:center;display:flex;align-items:center;gap:12px}.cover-type em{font-size:20px;color:var(--red);letter-spacing:0}.cover-index{position:absolute;bottom:10px;font-size:8px;letter-spacing:2px;color:#70848e}.cover-caption{text-align:center;padding:11px 0 12px}.cover-caption h2{font:italic 18px Georgia,serif;color:var(--red);margin:0 0 6px}.cover-caption p{margin:0;font-size:9px;letter-spacing:2px;color:#6b747b}.cover-caption p span{color:var(--red)}.music-body{background:linear-gradient(#eef0ef,#d9dcdc);padding:13px 16px}.music-display{display:flex;gap:12px;align-items:center;background:#f2f5f0;border:1px solid #a8b1b0;box-shadow:inset 0 1px 4px #67716e25;border-radius:3px;padding:9px 12px}.music-display>svg{width:32px;height:32px;color:#7b8b91}.music-display .eyebrow{font-size:8px}.music-display p{font-size:11px;line-height:1.4;margin:5px 0 3px}.music-display #track-artist{font-size:9px;color:#838d90}.seek-line{display:flex;gap:7px;align-items:center;margin:10px 0;font:9px Arial;color:#747c81}.seek-line input{min-width:0;flex:1}.music-controls{display:flex;align-items:center;justify-content:center;gap:10px}.music-controls button{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#f6f7f6,#bec5c8);border:1px solid #9fa8ad;box-shadow:0 1px 0 #fff}.music-controls button svg{width:12px;height:12px}.music-controls #play-track{width:30px;height:30px}.music-controls>svg{width:13px;height:13px;margin-left:8px}.music-controls input{width:55px}input[type=range]{height:3px;accent-color:#7d929e}#audio-error{font-size:11px;color:var(--red);line-height:1.5}.memories-body{display:grid;grid-template-columns:145px 1fr}#memory-list{background:#e6eaf0;border-right:1px solid #bbc4ca;padding:15px 7px}#memory-list button{width:100%;display:block;text-align:left;background:none;padding:10px 8px;font-size:12px;border-radius:3px}#memory-list button[aria-current=true]{background:#97a8b4;color:white;text-shadow:0 1px #5f7581}#memory-detail{padding:25px;line-height:2;font-size:14px;word-break:keep-all}#memory-detail h2{font:20px Georgia,'Batang',serif;color:var(--red);margin:10px 0 24px}#memory-detail p{white-space:pre-line}#memory-detail .eyebrow{font-size:10px}#gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));align-content:start;gap:18px;padding:22px;background:#f4f5f2}.empty{grid-column:1/-1;text-align:center;padding:45px 10px;color:#839098;font-size:12px;line-height:1.9}.empty svg{display:block;width:34px;height:34px;margin:0 auto 13px;color:#9aabb5}.photo-card{background:none;padding:0;text-align:left;font-size:11px;color:#667680}.photo-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border:4px solid white;box-shadow:0 1px 4px #4f606326;margin-bottom:8px}.dock-area{position:absolute;bottom:9px;left:0;right:0;display:flex;justify-content:center;z-index:10001;pointer-events:none}.dock{display:flex;align-items:center;gap:5px;padding:7px 9px 3px;border:1px solid #ffffff9c;border-radius:12px;background:linear-gradient(#f8fafaa3,#9da9b59c);box-shadow:inset 0 1px 1px white,0 3px 12px #4b61642a;backdrop-filter:blur(15px);pointer-events:auto}.dock button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 2px;background:none;min-width:39px}.dock-icon{width:34px;height:35px;display:grid;place-items:center;border:1px solid #9ba8b1;border-radius:7px;background:linear-gradient(145deg,#fafcfd,#a6b9c8);box-shadow:inset 0 1px 0 white,0 2px 2px #455b6940;transition:transform .16s}.dock-icon svg{width:24px;height:24px;stroke-width:1.4;color:#526a7b;filter:drop-shadow(0 1px #fff)}.dock .paper-icon{background:repeating-linear-gradient(0deg,#cbd0d2 0 1px,#f1f3f1 1px 6px)}.dock .music-icon{background:linear-gradient(#f5f2ee,#c6bec0)}.dock .music-icon svg{color:var(--red)}.dock .folder-icon{background:linear-gradient(#dcebf0,#93b3c7)}.dock-divider{height:34px;width:1px;background:#89969f66;box-shadow:1px 0 #ffffff80;margin:0 2px 6px}.indicator{width:3px;height:3px;background:transparent;border-radius:50%}.dock button[aria-pressed=true] .indicator{background:#6b7983;box-shadow:0 1px #fff}.dock-tooltip{position:absolute;bottom:calc(100% + 13px);white-space:nowrap;font-size:11px;border:1px solid #9da8af;background:#f9faf7ec;border-radius:4px;padding:4px 9px;opacity:0;pointer-events:none;transform:translateY(4px);transition:.15s}.dock button:hover .dock-tooltip,.dock button:focus-visible .dock-tooltip{opacity:1;transform:translateY(0)}.dock button:hover .dock-icon{transform:translateY(-4px)}
#lightbox{width:min(92vw,960px);height:min(86svh,760px);padding:0;border:1px solid #7e898e;background:#eff1ee;color:var(--ink);border-radius:5px;box-shadow:0 20px 80px #18273566}#lightbox[open]{display:flex;flex-direction:column}#lightbox::backdrop{background:#293941a8;backdrop-filter:blur(6px)}.lightbox-toolbar,.lightbox-navigation{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;flex-shrink:0}.lightbox-toolbar p{margin:0;font-size:13px}.lightbox-toolbar button,.lightbox-navigation button{background:none;display:grid;place-items:center;min-width:32px;min-height:32px}#large-photo{display:block;min-height:0;flex:1;width:100%;object-fit:contain}.lightbox-navigation{justify-content:center;gap:25px;font-size:12px}
@media(min-width:1500px){.window-home{left:26%}.window-music{left:17%}}
@media(max-height:700px) and (min-width:641px){.window-profile{top:18px;height:280px}.window-home{top:78px;height:230px}.window-music{top:315px;height:185px}.desktop-shell{min-height:620px}}
@media(max-width:640px){.desktop-shell{min-height:480px}.menubar{padding:0 12px}.menubar-pair{display:none}#clock{margin-left:auto;font-size:11px}.menubar-name{font-size:11px}.window{resize:none;left:12px!important;top:16px!important;width:calc(100% - 24px)!important;max-width:none;height:calc(100% - 32px)!important;max-height:none}.window.maximized{left:6px!important;top:6px!important;width:calc(100% - 12px)!important;height:calc(100% - 12px)!important}.titlebar{height:38px;flex-basis:38px;cursor:default}.traffic{gap:2px}.traffic button{width:28px;height:28px;background:transparent;border:none;box-shadow:none}.traffic svg{opacity:1;width:13px;height:13px}.titlebar h1{left:100px;font-size:12px}.profile-toolbar{padding:12px}.profile-toolbar button{min-height:34px;flex:1;font-size:11px}.profile-body{padding:25px}.identity h2{font-size:25px}.eyebrow{font-size:11px}.identity p{font-size:14px}.facts{font-size:14px;grid-template-columns:55px 1fr;gap:12px;margin:25px 0}.profile-description{font-size:15px}.statusbar{height:27px;font-size:11px}.home-body{padding:15px 15px 0}.cover-type{font-size:clamp(19px,6vw,32px);letter-spacing:2px}.cover-caption{padding:22px 0}.cover-caption h2{font-size:25px}.cover-caption p{font-size:12px}.music-body{padding:25px 20px}.music-display{padding:20px 15px}.music-display p{font-size:14px}.music-display .eyebrow,.music-display #track-artist{font-size:11px}.seek-line{margin:25px 0;font-size:11px}.music-controls button,.music-controls #play-track{width:42px;height:42px}.music-controls button svg{width:17px;height:17px}.memories-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}#memory-list{border-right:0;border-bottom:1px solid #bbc4ca;padding:8px;display:flex;overflow:auto}#memory-list button{white-space:nowrap;width:auto;flex-shrink:0}#memory-detail{padding:20px}.dock button{min-width:44px;min-height:44px}.dock{gap:3px}.dock-tooltip{display:none}.lightbox-toolbar button,.lightbox-navigation button{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}