:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,sans-serif;background:light-dark(#ffffff,#111111);color:light-dark(#1a1a1a,#e8e8e8)}#root{max-width:42rem;margin:0 auto;padding:1.25rem 1.25rem 2rem;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.topbar{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}.crumbs{margin-right:auto;font-size:.95rem}.crumbs a{text-decoration:none}.crumb-site{color:light-dark(#999,#777)}a.crumb-site:hover{color:inherit}.crumb-sep{color:light-dark(#999,#777)}.crumb-app{color:inherit;font-weight:650;letter-spacing:-.02em}.topbar button{font:inherit;font-size:1rem;padding:0;border:none;background:none;color:light-dark(#999,#777);cursor:pointer}.topbar button:hover{color:inherit}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative}.jar{background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.jar:active svg{transform:scale(.98)}.jar svg{display:block;transform-origin:50% 85%;max-width:100%;height:auto}.jar-lid{fill:light-dark(#8a8a8a,#6a6a6a)}.jar-lid-band{fill:light-dark(#777777,#5c5c5c)}.jar-glass{fill:light-dark(#e9f1f4,#1f2a2e);stroke:light-dark(#b9c8ce,#3a4a50);stroke-width:3}.jar-paper rect{fill:light-dark(#9aa8ae,#58686f);opacity:.45}.jar-shine{stroke:light-dark(#ffffff,#5a6e75);stroke-width:5;stroke-linecap:round;opacity:.6}.jar-shake svg{animation:shake .8s ease-in-out}.jar-rattle svg{animation:rattle .45s ease-in-out}@keyframes shake{0%,to{transform:rotate(0)}15%{transform:rotate(-7deg) translate(-4px)}30%{transform:rotate(7deg) translate(4px)}45%{transform:rotate(-6deg) translate(-3px)}60%{transform:rotate(6deg) translate(3px)}75%{transform:rotate(-3deg) translate(-2px)}90%{transform:rotate(2deg) translate(1px)}}@keyframes rattle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}.hint{min-height:1.4em;font-size:.9rem;color:light-dark(#a0a0a0,#666)}.draw-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;background:light-dark(#fffdf5,#1d1c18);border:1px solid light-dark(#e8e2cc,#3a382e);border-radius:14px;box-shadow:0 12px 40px light-dark(rgba(0,0,0,.12),rgba(0,0,0,.5));animation:pop .35s cubic-bezier(.2,1.4,.4,1);text-align:center}@keyframes pop{0%{opacity:0;transform:translateY(3rem) scale(.4)}to{opacity:1;transform:translateY(0) scale(1)}}.draw-text{font-size:1.8rem;font-weight:650;letter-spacing:-.01em;margin:0}.draw-actions{display:flex;gap:.75rem}.draw-actions button{font:inherit;font-weight:600;padding:.7rem 1.3rem;border-radius:10px;cursor:pointer;background:none;border:1px solid light-dark(#e4e4e4,#2c2c2c)}.draw-actions button.primary{background:light-dark(#1a1a1a,#e8e8e8);color:light-dark(#ffffff,#111111);border-color:transparent}.add-button{position:fixed;right:1.5rem;bottom:4.5rem;width:3rem;height:3rem;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;background:none;color:inherit;border:1px solid light-dark(#e4e4e4,#2c2c2c)}.add-button:disabled{opacity:.4;cursor:default}.add-slip{position:fixed;right:1.5rem;bottom:4.5rem;left:1.5rem;max-width:24rem;margin-left:auto;display:flex;gap:.5rem}.add-slip input{font:inherit;flex:1;min-width:0;padding:.6rem .8rem;border-radius:10px;border:1px solid light-dark(#e4e4e4,#2c2c2c);background:light-dark(#ffffff,#1a1a1a);color:inherit}.add-slip button{font:inherit;font-weight:600;padding:.6rem .9rem;border-radius:10px;cursor:pointer;background:none;color:inherit;border:1px solid light-dark(#e4e4e4,#2c2c2c)}.add-slip button:disabled{opacity:.4;cursor:default}.paper-drop{position:absolute;top:-1.5rem;left:1rem;animation:paper-drop .6s ease-in forwards;pointer-events:none}@keyframes paper-drop{0%{opacity:1;transform:translateY(-1rem) rotate(-15deg)}to{opacity:0;transform:translateY(1.5rem) rotate(10deg)}}.notice{position:fixed;left:50%;bottom:3.5rem;transform:translate(-50%);font-size:.8rem;color:light-dark(#a0a0a0,#666);margin:0}.site-footer{margin-top:auto;padding-top:1.1rem;border-top:1px solid light-dark(#f0f0f0,#222);font-size:.9rem;color:light-dark(#999,#777)}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:light-dark(#1a1a1a,#e8e8e8)}@media(prefers-reduced-motion:reduce){.jar-shake svg,.jar-rattle svg,.draw-card,.paper-drop{animation:none}.paper-drop{display:none}}