@font-face{font-family:Quicksand;src:url('/poshansense/assets/Quicksand.ttf?v=39c9b6422356') format('truetype');font-display:swap;font-weight:300 700}
:root{color-scheme:light;--bg:#fff9f1;--panel:#fffdf9;--text:#29243b;--muted:#625d71;--line:#dcd3df;--accent:#923d2e;--accent-bg:#f8d1b8;--lilac:#e6dafa;--mint:#7356ac;--shadow:0 16px 45px #30204409}html[data-theme=dark]{color-scheme:dark;--bg:#171624;--panel:#242233;--text:#faf0e5;--muted:#c1b8ce;--line:#484154;--accent:#ffb69a;--accent-bg:#57362e;--lilac:#423354;--mint:#c7b0f4;--shadow:0 16px 45px #0002}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:500 17px/1.65 Quicksand,system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,.button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a,input,select,canvas{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--mint);outline-offset:4px}header,main,footer{width:min(1120px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:700;font-size:21px}.brand svg{width:36px;height:40px;flex-shrink:0}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none}.theme{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:50%;height:44px;width:44px}.skip{position:absolute;top:-90px;left:20px;background:var(--panel);padding:12px;z-index:10}.skip:focus{top:12px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent)}h1,h2,h3{font-weight:700;line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(40px,6vw,70px);margin:18px 0 24px}h2{font-size:34px}h3{font-size:24px;margin:12px 0}p{max-width:72ch}.lead{font-size:21px;color:var(--muted);max-width:47ch}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding:68px 0 60px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-note{border-radius:36px;background:var(--lilac);padding:36px;transform:rotate(2deg)}.hero-note p{font-size:27px;line-height:1.45;font-weight:700;margin:15px 0}.pill{display:inline-flex;gap:7px;font-size:13px;background:var(--panel);padding:7px 12px;border-radius:50px;border:1px solid var(--line)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.button,button.primary{display:inline-flex;justify-content:center;align-items:center;min-height:46px;background:var(--text);color:var(--bg);border:1px solid var(--text);border-radius:14px;padding:12px 20px;text-decoration:none;font-weight:700}.secondary{background:transparent!important;color:var(--text)!important;border:1px solid var(--line)!important}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.card h3 a{text-decoration:none}.card p{color:var(--muted);margin-top:0}.card .open{margin-top:auto;font-weight:700}.icon{width:50px;height:50px;border-radius:16px;background:var(--accent-bg);display:grid;place-items:center;font-size:27px}.card:nth-child(even) .icon{background:var(--lilac)}.project{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;margin:60px 0;background:var(--lilac);border-radius:30px;padding:36px}.project h2{margin:12px 0}.project p{margin-top:10px}.trust{display:flex;gap:30px;flex-wrap:wrap;padding:28px 0;font-size:14px;color:var(--muted)}footer{margin-top:60px;padding:30px 0 36px;border-top:1px solid var(--line);font-size:14px}footer nav{margin-top:18px}.tool{max-width:860px;padding-top:42px}.tool h1{font-size:clamp(36px,6vw,56px)}.tool-back{font-size:14px;color:var(--muted)}.panel,.sound-panel{border:1px solid var(--line);border-radius:24px;padding:28px;background:var(--panel);margin:25px 0}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}label{display:block;font-size:15px;font-weight:700;margin:10px 0 6px}input,select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg);color:var(--text)}input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle}.check{display:flex;align-items:center;gap:10px}.small{font-size:14px;color:var(--muted)}.result{font-size:clamp(28px,5vw,44px);font-weight:700;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.notice,.sound-warning{border-left:3px solid var(--accent);padding:10px 18px;background:var(--accent-bg);border-radius:0 14px 14px 0}.status{min-height:30px}.compass{position:relative;width:min(310px,100%);aspect-ratio:1;border:2px solid var(--line);border-radius:50%;margin:30px auto;display:grid;place-items:center;background:repeating-conic-gradient(from -1deg,var(--line) 0deg 1deg,transparent 1deg 30deg);box-shadow:inset 0 0 0 18px var(--panel)}.compass b{position:absolute}.compass .n{top:14px;color:var(--accent)}.compass .s{bottom:14px}.compass .e{right:19px}.compass .w{left:19px}.needle{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:94px solid var(--accent);transform-origin:center 94px;position:absolute;top:calc(50% - 94px);left:calc(50% - 12px)}.dial-center{width:24px;height:24px;background:var(--text);border:7px solid var(--panel);border-radius:50%;z-index:1}.image-preview{position:relative;margin:20px 0;background:repeating-conic-gradient(#bab6c2 0% 25%,#ece9f0 0% 50%) 0/20px 20px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.image-preview canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair}.signature-pad{width:100%;height:auto;touch-action:none;background:white;border:1px solid var(--line);border-radius:12px;display:block}canvas[hidden],[hidden]{display:none!important}.timer-display{font-size:clamp(54px,12vw,96px);font-variant-numeric:tabular-nums;line-height:1.4}.sound-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sound-stats div{border:1px solid var(--line);border-radius:14px;padding:12px}.sound-stats b{display:block;font-size:22px}.sound-value{font-size:72px;font-variant-numeric:tabular-nums}#sound-chart{width:100%;height:140px}.sound-panel label{margin-top:14px}.tool details{border-top:1px solid var(--line);padding:20px 0}.tool summary{font-weight:700;cursor:pointer}.tool article{max-width:100%}.tool article>.actions{margin-top:20px}.app-bridge,.app-introduction{border:1px solid var(--line);border-radius:24px;padding:24px}.app-bridge img,.app-introduction img{max-width:180px;height:auto}.legal{padding:35px 0}a:hover{text-decoration:underline}button:hover:not(:disabled),.button:hover{filter:brightness(1.08)}
@media(max-width:760px){header,main,footer{width:calc(100% - 32px)}header{min-height:90px;gap:12px;flex-wrap:wrap;padding:16px 0}header nav{gap:14px;font-size:14px}.brand{font-size:18px}.hero{grid-template-columns:1fr;gap:28px;padding:40px 0}.hero-note{padding:25px;transform:none}.hero-note p{font-size:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project{grid-template-columns:1fr;padding:25px;gap:10px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.sound-panel{padding:20px}}@media(max-width:480px){.grid,.row,.sound-stats{grid-template-columns:1fr}.hero h1{font-size:48px}.card{padding:23px}.actions>*{flex:1 1 auto}.tool{padding-top:28px}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Small Potato identity: local vector art, finite motion, no extra requests. */
body{background-image:radial-gradient(ellipse at 4% 5%,#bda17a0d 0,transparent 42%),radial-gradient(ellipse at 96% 35%,#aa94c211 0,transparent 45%),radial-gradient(#9e816414 .75px,transparent .75px);background-size:auto,auto,24px 24px;background-repeat:no-repeat,no-repeat,repeat}html[data-theme=dark] body{background-image:radial-gradient(ellipse at 4% 5%,#bd957014 0,transparent 42%),radial-gradient(ellipse at 96% 35%,#a78cbd12 0,transparent 45%),radial-gradient(#d7b9930c .75px,transparent .75px)}.brand svg.mascot{width:49px;height:49px;flex-shrink:0}.mascot{display:block;overflow:visible}.hero-note{position:relative;background-image:radial-gradient(#7356ac10 1px,transparent 1px);background-size:16px 16px}.hero-mascot{width:116px;margin:10px 0 4px auto}.hero-note .pill{position:relative}.card{position:relative;isolation:isolate;overflow:hidden;background-image:radial-gradient(ellipse at 110% 0%,#e1b48b18,transparent 70%)}.card:nth-child(even){background-image:radial-gradient(ellipse at 110% 0%,#bba6d324,transparent 70%)}.card:before{content:"";position:absolute;z-index:-1;width:125px;height:125px;right:-53px;top:-58px;border:1px solid var(--line);border-radius:47% 53% 59% 41%;transform:rotate(-25deg);opacity:.5}.card .icon{width:84px;height:84px;background:transparent!important;border-radius:0;font-size:inherit}.card .icon svg{width:84px;height:84px}.tool-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.tool-identity .eyebrow{margin:0}.tool-identity .mascot{width:82px;height:82px;flex-shrink:0}.mascot-animate .mascot-prop{transform-box:fill-box;transform-origin:center;animation:potato-tool-hello 1.8s ease-in-out 2}.mascot-timer.mascot-animate .timer-hand{transform-box:fill-box;transform-origin:0 65%;animation:potato-tick 1.8s ease-in-out 2}.mascot-sound-meter.mascot-animate .sound-waves{animation:potato-listen 1.5s ease-in-out 3}.card:hover .mascot-prop,.card:focus-within .mascot-prop{transform-box:fill-box;transform-origin:center;animation:potato-tool-hello 1.2s ease-in-out 1}@keyframes potato-tool-hello{0%,100%{transform:rotate(0deg) translateY(0)}35%{transform:rotate(-7deg) translateY(-2px)}70%{transform:rotate(4deg)}}@keyframes potato-tick{0%,100%{transform:rotate(0deg)}50%{transform:rotate(30deg)}}@keyframes potato-listen{0%,100%{opacity:.4}50%{opacity:1}}@media(max-width:480px){.brand svg.mascot{width:42px;height:42px}.hero-mascot{width:100px}.tool-identity .mascot{width:76px;height:76px}}@media(prefers-reduced-motion:reduce){.mascot *, .card:hover .mascot-prop,.card:focus-within .mascot-prop{animation:none!important;transition:none!important}}
