/* Main is a single soft home screen. Shared dimensions live in canvas.css. */
:root{--main-peach:#efd0c8;--main-ink:#443c37;--main-salmon:#cf8f7c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,"Malgun Gothic",sans-serif;color:var(--main-ink);background:#fcfbfa;line-height:1.45;-webkit-font-smoothing:antialiased}
#view-home{background:radial-gradient(ellipse at 95% 20%,#eee9e640,transparent 48%),#fcfbfa}
#view-home .diary{opacity:1!important;animation:none!important}
#view-home nav.tabs{display:flex;align-items:center;justify-content:flex-start;padding:0 48px;position:relative;background:transparent;z-index:2}
#view-home nav.tabs a{font-family:Arial,"Malgun Gothic",sans-serif;border:0;border-bottom:1px solid transparent;box-shadow:none;border-radius:0;color:#403a37;text-decoration:none;transition:color .2s}
#view-home nav.tabs a:hover{color:#a26656}#view-home nav.tabs .intro-link{font-weight:900}
#view-home .showcase{position:relative;isolation:isolate;width:868px;height:1220px;margin:18px 36px 0;overflow:hidden;border:1px solid #e5dcd7;border-radius:58px;background:#faf9f7;box-shadow:inset 0 0 0 8px #fff8,0 18px 44px -24px #8c7b6e30}
#view-home .showcase::after{content:"";position:absolute;inset:8px;border:1px solid #fff9;border-radius:50px;pointer-events:none;z-index:8}
#view-home .home-wallpaper{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:-1;background:radial-gradient(ellipse at 95% 88%,#efdbd5aa,transparent 48%),radial-gradient(ellipse at 4% 52%,#ede9e366,transparent 44%),linear-gradient(155deg,#fdfcfb 10%,#faf9f7 56%,#f6f0ed)}
#view-home .home-wallpaper::before{content:"";position:absolute;inset:0;background:linear-gradient(128deg,transparent 13%,#d4cec717 21%,#fff7 22%,transparent 34%,transparent 65%,#d8cec50b 73%,#fff5 74%,transparent 84%);filter:blur(12px);pointer-events:none}
#view-home .home-wallpaper::after{content:"";position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.65' d='M0 0h160v160H0z'/%3E%3C/svg%3E");pointer-events:none}
#view-home .screen-heading{position:absolute;top:39px;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between;color:#836f62;font-size:14px;letter-spacing:1.4px}
#view-home .room-label{display:flex;align-items:center;gap:9px;font-weight:600}.room-label i{width:8px;height:8px;border-radius:50%;background:#b98470;box-shadow:0 0 0 4px #b9847012}
#view-home .debut-label{letter-spacing:1px;font-size:12px}#view-home .debut-label strong{font-size:15px;font-weight:500;margin-left:7px;letter-spacing:.4px}
#view-home .nameplate{position:absolute;top:105px;left:44px;right:44px;margin:0;display:flex;align-items:flex-end;gap:25px;z-index:3;pointer-events:none}
#view-home .nameplate .name{font-size:88px;letter-spacing:-6px;line-height:1.15;font-weight:800;margin:0;color:#493b32}
#view-home .nameplate .roman{font-size:13px;line-height:1.6;letter-spacing:2px;color:#94725b;padding-bottom:10px}
#view-home .hero-note{position:absolute;top:223px;left:47px;width:600px;z-index:3;color:#7d6655}
#view-home .hero-note p{font-size:22px;line-height:1.6;margin:0;max-height:72px;overflow:auto;text-wrap:pretty}
#view-home .character-stage{position:absolute;top:294px;left:130px;width:630px;height:748px;z-index:1;pointer-events:none;mask-image:linear-gradient(transparent 0,#000 3%,#000 76%,#000b 85%,transparent 100%),linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
#view-home .main-character{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.88) drop-shadow(0 18px 18px #8e5e3722);transform:translate(var(--character-x,0px),var(--character-y,0px)) scale(1.025);transition:transform .65s cubic-bezier(.2,.6,.25,1);will-change:transform}
#view-home :is(.heart-orbit,.clock-orbit){position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;text-decoration:none;color:#8c5e4d;background:linear-gradient(135deg,#fffc,#fff6);border:1px solid #fff;backdrop-filter:blur(18px);box-shadow:0 10px 30px -14px #8d63485c;transition:transform .25s,box-shadow .25s}
#view-home .heart-orbit{right:35px;top:456px;width:106px;height:112px;border-radius:34px;transform:rotate(7deg);gap:8px}
#view-home .heart-orbit svg{width:35px;height:35px;fill:#c98b77;stroke:none}#view-home .heart-orbit span{font-size:14px;font-weight:600;color:#8c6b5c}
#view-home .clock-orbit{right:40px;top:846px;width:146px;height:143px;gap:10px;border-radius:33px;transform:rotate(-6deg)}
#view-home .clock-orbit svg{width:65px;height:65px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
#view-home .clock-orbit span{font-size:17px;font-weight:500}#view-home .clock-orbit b{margin-left:8px;font-weight:400}
#view-home :is(.heart-orbit,.clock-orbit):hover{transform:translateY(-5px) rotate(0deg);box-shadow:0 17px 32px -15px #8d634877}
#view-home .showcase-links{position:absolute;left:44px;bottom:185px;z-index:4}
#view-home .showcase-links a{width:292px;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px 15px 23px;border:1px solid #fff;border-radius:25px;background:linear-gradient(120deg,#fffc,#fff7);backdrop-filter:blur(20px);box-shadow:0 7px 25px #8e654312;color:#654a39;text-decoration:none;font-size:21px;font-weight:600;transition:transform .25s,background .25s}
#view-home .showcase-links small{display:block;font-size:13px;font-weight:400;color:#947664;margin-bottom:4px;letter-spacing:.5px}
#view-home .channel-arrow{display:grid;place-items:center;background:#bc8970;color:#fff;width:43px;height:43px;border-radius:50%;font-size:25px;font-weight:400}
#view-home .showcase-links a:hover{transform:translateY(-4px);background:#fff}
#view-home .quick-dock{position:absolute;bottom:37px;left:28px;right:28px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;height:133px;padding:13px 13px 12px;border:1px solid #fff;border-radius:36px;background:linear-gradient(135deg,#ffffffe8,#ffffff8c);backdrop-filter:blur(24px);box-shadow:0 12px 26px -12px #a4856a4a,inset 0 1px 0 #fff;z-index:5}
#view-home .quick-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;height:102px;width:111px;border-radius:25px;color:#997b67;text-decoration:none;font-size:18px;font-weight:500;transition:transform .23s,color .23s,background .23s}
#view-home .quick-dock a svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#view-home .quick-dock a[aria-current=page]{background:#edddcd;color:#805942;box-shadow:inset 0 1px 0 #fff7}
#view-home .quick-dock .dock-more{width:88px;height:88px;border-radius:29px;gap:3px;color:#fff;background:linear-gradient(145deg,#dca28d,#bc7f68);box-shadow:0 7px 16px #b77f6633,inset 0 1px 0 #ffffff6b}
#view-home .dock-more span{font-size:14px;line-height:1.2}#view-home .quick-dock .dock-more svg{width:37px;height:37px}
#view-home .quick-dock a:hover{transform:translateY(-6px);background:#ecdbca;color:#765139}#view-home .quick-dock .dock-more:hover{color:#fff;background:#b87e68}
#view-home .quick-dock a:active{transform:translateY(-1px) scale(.95)}
#view-home .home-indicator{position:absolute;bottom:16px;left:50%;translate:-50% 0;width:114px;height:4px;border-radius:4px;background:#a88a7566}
#view-home footer{color:#998575;font-size:14px;text-align:center}
html.embed #view-home .showcase{margin-top:68px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#view-home :is(.main-character,.heart-orbit,.clock-orbit,.showcase-links a,.quick-dock a){transition:none}#view-home .main-character{transform:scale(1.025)}}