:root{--hakuji:#fcfaf5;--kinari:#f6f1e6;--sumi:#403b33;--sumi-soft:#6e6759;--awakin:#c2a264;--usubeni:#e5c3c0;--akatsuki-a:#b9b3d6;--akatsuki-b:#a9c0d2;--wakatake:#6e9587}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--sumi);background:linear-gradient(180deg, #b9b3d647 0%, #a9c0d22e 22%, #fcfaf500 46%), radial-gradient(1200px 600px at 50% 118%, #e5c3c033, #e5c3c000 60%), var(--hakuji);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:multiply;background-image:radial-gradient(#403b330b 1px,#0000 1px);background-size:5px 5px;position:fixed;inset:0}.screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex;position:relative}.screen>*{flex-shrink:0}.flora{pointer-events:none;z-index:0;opacity:0;mix-blend-mode:multiply;filter:saturate(.96);transition:opacity 2s;position:fixed}body.flora-in .flora{opacity:.92}.flora.tl{width:min(40vw,300px);top:-1vh;left:min(-2vw,-10px)}.flora.tr{width:min(40vw,300px);top:-1vh;right:min(-2vw,-10px)}.flora.br{width:min(34vw,250px);bottom:-2vh;right:-2vw;transform:rotate(-6deg)}body.flora-in .flora.br{opacity:.8}@media (width<=640px){.flora.br{display:none}}.flora.off{opacity:0!important}.season-bg{object-fit:cover;object-position:center top;pointer-events:none;z-index:0;mix-blend-mode:multiply;opacity:0;width:100%;height:100%;transition:opacity 2s;position:fixed;inset:0}.season-bg.on{opacity:.85}.mist{pointer-events:none;z-index:0;background:radial-gradient(420px 300px at 82% 16%,#c9c3e44d,#0000 70%),radial-gradient(520px 360px at 10% 88%,#cfe0d657,#0000 70%),radial-gradient(320px 240px at 68% 78%,#e5c3c038,#0000 70%),radial-gradient(260px 200px at 34% 24%,#e8d3a229,#0000 70%);animation:18s ease-in-out infinite alternate mistDrift;position:fixed;inset:-8%}@keyframes mistDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-18px,12px)scale(1.05)}}.season-label{letter-spacing:.42em;color:var(--sumi-soft);text-indent:.42em;align-items:center;gap:14px;margin-bottom:26px;font-size:11px;display:flex}.season-label:before,.season-label:after{content:"";background:linear-gradient(90deg,transparent,var(--awakin));width:34px;height:1px}.season-label:after{background:linear-gradient(90deg,var(--awakin),transparent)}.logo{writing-mode:vertical-rl;letter-spacing:.24em;color:var(--sumi);padding:18px 6px 26px;font-family:Shippori Mincho,serif;font-size:clamp(34px,9vw,50px);font-weight:500;line-height:1;position:relative}.logo:after{content:"";background:radial-gradient(circle at 35% 35%, #e2c98f, var(--awakin));border-radius:50% 50% 50% 0;width:7px;height:7px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #c2a2648c}.logo-wrap{flex-direction:row;align-items:flex-end;gap:14px;display:flex}.logo-ruby{writing-mode:vertical-rl;letter-spacing:.5em;color:var(--sumi-soft);padding-bottom:34px;font-family:Shippori Mincho,serif;font-size:12px}.tagline{text-align:center;max-width:300px;color:var(--sumi-soft);margin-top:30px;font-size:13.5px;font-weight:300;line-height:2.15}.draw-btn{letter-spacing:.34em;text-indent:.34em;color:var(--sumi);cursor:pointer;background:linear-gradient(#fff,#fbf6ea);border:1px solid #c2a2648c;border-radius:999px;margin-top:44px;padding:17px 46px;font-family:Shippori Mincho,serif;font-size:16px;transition:transform .3s,box-shadow .3s;box-shadow:0 3px 18px #c2a26438,inset 0 0 0 3px #fff9}.draw-btn:hover{transform:translateY(-2px);box-shadow:0 7px 26px #c2a26457,inset 0 0 0 3px #fff9}.draw-btn:active{transform:translateY(0)}.draw-btn:focus-visible{outline:2px solid var(--wakatake);outline-offset:4px}.note{letter-spacing:.14em;color:#a79e8d;margin-top:26px;font-size:10.5px}.today-line{letter-spacing:.22em;color:#a79e8d;margin:-14px 0 26px;font-size:11px}.test-picker{letter-spacing:.12em;color:#a79e8d;align-items:center;gap:8px;margin-top:14px;font-size:10.5px;display:flex}.test-picker select{color:var(--sumi-soft);background:#ffffffb3;border:1px solid #6e675940;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:11px}.draw-stage{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.draw-glow{background:radial-gradient(circle,#e2c98f80,#e2c98f00 62%);border-radius:50%;animation:2.4s ease-in-out infinite breathe;position:absolute;inset:0}@keyframes breathe{0%,to{opacity:.65;transform:scale(.86)}50%{opacity:1;transform:scale(1.05)}}.draw-char{color:var(--sumi);writing-mode:vertical-rl;letter-spacing:.35em;font-family:Shippori Mincho,serif;font-size:44px;animation:2.4s ease-in-out infinite swayFade}@keyframes swayFade{0%,to{opacity:.35}50%{opacity:.95}}.draw-msg{letter-spacing:.3em;text-indent:.3em;color:var(--sumi-soft);margin-top:36px;font-size:12px}.particle{z-index:2;pointer-events:none;background:radial-gradient(circle at 35% 35%,#fff,#e8d3a2 55%,#e8d3a200);border-radius:50%;width:5px;height:5px;animation:linear forwards rise;position:fixed;box-shadow:0 0 8px #e2c98fcc}@keyframes rise{0%{opacity:0;transform:translateY(0)translate(0)scale(.6)}12%{opacity:.95}to{transform:translateY(-46vh) translateX(var(--dx,0)) scale(1.05);opacity:0}}.screen-result{justify-content:flex-start;padding-top:clamp(28px,6vh,60px)}.result-eyebrow{letter-spacing:.4em;text-indent:.4em;color:var(--awakin);opacity:0;margin-bottom:22px;font-size:10.5px;animation:1.2s .2s forwards fadeUp}.result-eyebrow.static{opacity:1;animation:none}.poem-sheet{opacity:0;background:linear-gradient(#fffefa,#fbf7ec);border:1px solid #c2a2644d;border-radius:6px;justify-content:center;width:min(680px,100%);padding:clamp(30px,6vw,52px) clamp(24px,6vw,54px);animation:1.4s .4s forwards fadeUp;display:flex;position:relative;box-shadow:0 14px 44px #6e675921,0 2px 8px #6e675912}.poem-sheet:before,.poem-sheet:after{content:"";background:linear-gradient(90deg,#0000,#c2a26499,#0000);width:56%;height:1px;position:absolute;left:50%;transform:translate(-50%)}.poem-sheet:before{top:14px}.poem-sheet:after{bottom:14px}.poem-vertical{writing-mode:vertical-rl;max-height:480px;font-family:Shippori Mincho,serif}.poem-line{letter-spacing:.22em;color:var(--sumi);opacity:0;font-size:clamp(21px,5.2vw,30px);font-weight:500;line-height:1.9;transition:opacity 1.7s cubic-bezier(.25,.46,.45,.94),transform 1.7s cubic-bezier(.25,.46,.45,.94);transform:translateY(-14px)}.poem-line:not(:last-child){margin-left:clamp(12px,3vw,26px)}.poem-line.show{opacity:1;transform:translateY(0)}.poem-meta{writing-mode:vertical-rl;letter-spacing:.24em;color:var(--sumi-soft);opacity:0;margin-left:clamp(8px,2vw,18px);padding-top:14px;font-family:Shippori Mincho,serif;font-size:12.5px;transition:opacity 1.2s .3s}.poem-meta.show{opacity:1}.below{opacity:0;width:min(680px,100%);transition:opacity 1.2s,transform 1.2s;transform:translateY(12px)}.below.show{opacity:1;transform:translateY(0)}.reading{text-align:center;letter-spacing:.2em;color:#9c9384;margin-top:20px;font-size:12px;line-height:2}.block{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff9e;border-left:2px solid #c2a26480;border-radius:4px;margin-top:26px;padding:20px 22px}.block h3{letter-spacing:.34em;color:var(--wakatake);margin-bottom:12px;font-family:Shippori Mincho,serif;font-size:12.5px;font-weight:600}.block p{color:#4c463c;font-size:14px;font-weight:300;line-height:2.15}.actions{flex-wrap:wrap;justify-content:center;gap:14px;margin:38px 0 26px;display:flex}.btn-sub{letter-spacing:.2em;cursor:pointer;border-radius:999px;padding:13px 26px;font-family:Shippori Mincho,serif;font-size:13.5px;transition:transform .25s,box-shadow .25s}.btn-sub:focus-visible{outline:2px solid var(--wakatake);outline-offset:3px}.btn-again{color:var(--sumi);background:linear-gradient(#fff,#fbf6ea);border:1px solid #c2a2648c;box-shadow:0 2px 12px #c2a26433}.btn-again:hover{transform:translateY(-2px)}.btn-home{color:var(--sumi-soft);background:0 0;border:1px solid #6e675940}.btn-home:hover{border-color:#6e675980}.screen-list{justify-content:flex-start;padding-top:clamp(28px,6vh,60px)}.btn-fav.on{background:linear-gradient(#fbf3e2,#f3e7cb);border-color:#c2a264cc}.fav-link{letter-spacing:.24em;color:var(--sumi-soft);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #6e67594d;margin-top:18px;padding:2px 4px;font-family:Shippori Mincho,serif;font-size:12px}.fav-link:hover{color:var(--sumi);border-color:#6e675999}.fav-list{flex-direction:column;gap:12px;width:min(680px,100%);margin-top:6px;display:flex}.fav-item{cursor:pointer;background:linear-gradient(#fffefa,#fbf7ec);border:1px solid #c2a2644d;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:transform .25s,box-shadow .25s;display:flex}.fav-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6e67591f}.fav-item .f-poem{color:var(--sumi);letter-spacing:.08em;font-family:Shippori Mincho,serif;font-size:15px;line-height:1.7}.fav-item .f-author{color:var(--sumi-soft);letter-spacing:.12em;margin-top:6px;font-size:11px}.fav-item .f-author:first-child{margin-top:0;margin-bottom:6px}.fav-remove{color:#b0a48e;letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #6e675933;border-radius:999px;flex:none;padding:6px 12px;font-size:11px}.fav-remove:hover{color:#8c7f63;border-color:#6e675973}.fav-empty{color:var(--sumi-soft);letter-spacing:.15em;text-align:center;margin-top:10px;font-size:12.5px;line-height:2.3}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.particle{display:none}}