:root{font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#483454;background:#d9c6ee;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:280px}.home{min-height:100svh;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:grid;place-items:center}.home-content{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:36px;transform:translateY(-4svh)}.headdress{width:clamp(168px,49vw,224px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 8px 0 #48345412)}.search-form{width:100%;position:relative}.search-bar{display:flex;align-items:center;gap:8px;background:#fffaf3;border:2px solid #483454;border-radius:18px;padding:6px 6px 6px 18px;box-shadow:0 5px #483454;transition:box-shadow .15s}.search-bar:focus-within{outline:3px solid #fffaf3;outline-offset:5px}input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#483454;height:44px}input::placeholder{color:#766080;opacity:1}button{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:11px;background:#483454;color:#fffaf3;cursor:pointer}button:hover{background:#654b76}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid #b95a43;outline-offset:3px}button svg{width:24px;height:24px}.feedback{position:absolute;top:100%;width:100%;font-size:13px;line-height:1.6;text-align:center;margin:20px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:500px){.home-content{transform:none;gap:16px}.headdress{width:120px}.feedback{position:static}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.home-content,.search-form{min-width:0}button:disabled{opacity:.5;cursor:wait}.result{background:#fffaf3;border:2px solid #483454;border-radius:18px;padding:24px;width:100%;box-shadow:0 5px #483454}.result p,.result li{line-height:1.6}.result h2{font-size:32px}.result h3{font-size:20px}.result summary{cursor:pointer;padding:12px 0}.again{width:100%;margin-top:20px;font:inherit;padding:12px;height:auto;min-height:44px}.home-content:has(.result){transform:none;padding-block:24px}.headdress{animation:cocar-enter .65s cubic-bezier(.16,1,.3,1) both;view-transition-name:cocar}.screen{view-transition-name:screen;animation:screen-enter .38s .12s ease-out both}.is-judging .headdress{animation:judging 1.3s ease-in-out infinite}.is-judging button svg{animation:arrow-pulse .9s ease-in-out infinite}@keyframes cocar-enter{0%{opacity:0;transform:translateY(-22px) scale(.86) rotate(-7deg)}70%{opacity:1;transform:translateY(3px) scale(1.03) rotate(2deg)}to{opacity:1;transform:none}}@keyframes screen-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes screen-out{to{opacity:0;transform:translateY(-10px)}}@keyframes judging{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes arrow-pulse{50%{opacity:.35;transform:translate(3px)}}::view-transition-old(screen){animation:screen-out .18s ease-in both}::view-transition-new(screen){animation:screen-enter .32s ease-out both}::view-transition-group(cocar){animation-duration:.35s}::view-transition-old(root),::view-transition-new(root){animation:none}.feather-score{display:flex;gap:8px}.score-feather{position:relative;display:block;width:28px;height:40px;animation:feather-pop .4s var(--feather-delay) ease-out both}.score-feather svg{display:block;width:100%;height:100%}.feather-fill{position:absolute;inset:0;clip-path:inset(var(--feather-empty) 0 0 0);animation:feather-fill .6s var(--feather-delay) cubic-bezier(.25,.8,.25,1) both}@keyframes feather-fill{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(var(--feather-empty) 0 0 0)}}@keyframes feather-pop{0%{transform:translateY(4px)}to{transform:translateY(0)}}.pwa-notice{position:fixed;z-index:10;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:420px;border:1px solid #483454;background:#fffaf3;box-shadow:0 4px #48345420;border-radius:14px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;line-height:1.5;animation:none}.pwa-notice p{margin:0 0 8px}.text-button{width:auto;min-height:44px;height:auto;padding:8px 12px;font:inherit}.dismiss{background:transparent;color:#483454;font-size:24px;width:44px;height:44px}.dismiss:hover{background:#e9def1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}