@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Space+Mono:wght@400;700&display=swap";.app{max-width:440px;margin:0 auto;padding:1.25rem 1rem 3rem;position:relative}.mock-badge{position:fixed;top:0;right:.75rem;z-index:100;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.18em;padding:.35rem .55rem .3rem;border-radius:0 0 4px 4px}.mock-badge:before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-right:.35rem;border-radius:50%;background:var(--persimmon);vertical-align:baseline}.loading-screen,.auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.25rem}.loading-screen p{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-soft)}.ticket{width:100%;background:var(--surface);border:1.5px solid var(--ink);border-radius:14px;box-shadow:6px 6px #181612e6}.ticket-head{position:relative;background:var(--ink);color:var(--paper);border-radius:12px 12px 0 0;padding:1.15rem 1.25rem 1.25rem}.ticket-head:before,.ticket-head:after{content:"";position:absolute;bottom:-10px;width:18px;height:18px;border-radius:50%;background:var(--surface);border:1.5px solid var(--ink)}.ticket-head:before{left:-10px}.ticket-head:after{right:-10px}.ticket-perf{height:0;border-top:2px dashed var(--hairline);margin:0 9px}.ticket-kicker{display:block;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#efe9dc8c}.ticket-title{margin:.35rem 0 0;font-size:2rem;font-weight:900;letter-spacing:.02em;line-height:1.05}.ticket-title.sm{font-size:1.4rem}.ticket-no{position:absolute;top:1.15rem;right:1.25rem;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--persimmon)}.ticket-body{padding:1.4rem 1.25rem}.auth-ticket{max-width:380px}.auth-ticket form{display:flex;flex-direction:column;gap:.85rem}.field-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.field{width:100%;border:1.5px solid var(--ink);border-radius:8px;padding:.7rem .8rem;background:#fff;color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}.field::placeholder{color:#b7afa0}.field:focus{outline:none;border-color:var(--persimmon);box-shadow:0 0 0 3px var(--persimmon-soft)}.otp-hint{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink-soft)}.otp-hint b{color:var(--ink);font-weight:700}.otp-field{text-align:center;font-family:var(--font-mono);font-size:1.85rem;font-weight:700;letter-spacing:.55em;text-indent:.55em;padding:.55rem .5rem}.btn-primary{margin-top:.2rem;background:var(--persimmon);color:#fff;border:1.5px solid var(--ink);border-radius:8px;padding:.8rem 1rem;font-weight:700;font-size:1rem;letter-spacing:.04em;box-shadow:3px 3px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease,background .12s ease}.btn-primary:hover{background:var(--persimmon-deep)}.btn-primary:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn-primary:disabled{background:#cdbfae;box-shadow:3px 3px #18161259;cursor:not-allowed;transform:none}.btn-link{align-self:center;background:none;border:none;color:var(--ink-soft);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-decoration:underline;text-underline-offset:3px;padding:.2rem}.btn-link:hover{color:var(--persimmon)}.form-error{margin:.2rem 0 0;font-size:.85rem;color:var(--danger);font-weight:700}.app-header{position:relative;background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);border-radius:14px;box-shadow:6px 6px #181612e6;padding:1.05rem 1.15rem 1.15rem;margin-bottom:1.9rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.app-header:after{content:"";position:absolute;left:9px;right:9px;bottom:7px;border-top:2px dashed rgba(239,233,220,.25)}.app-header .kicker{display:block;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.22em;color:#efe9dc8c}.app-header h1{margin:.2rem 0 0;font-size:1.45rem;font-weight:900;letter-spacing:.02em}.app-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.user-email{font-family:var(--font-mono);font-size:.62rem;color:#efe9dc99;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.sign-out{background:transparent;border:1.5px solid rgba(239,233,220,.5);color:var(--paper);border-radius:7px;padding:.32rem .6rem;font-size:.78rem;font-weight:700;white-space:nowrap}.sign-out:hover{border-color:var(--persimmon);color:var(--persimmon)}.main{display:flex;flex-direction:column;gap:2rem}.add-form{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:stretch}.emoji-pick-btn{width:3rem;height:100%;min-height:2.9rem;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:8px;background:#fff;font-size:1.5rem;line-height:1;transition:background .12s ease}.emoji-pick-btn:hover{background:var(--persimmon-soft)}.emoji-pick-plus{font-size:1.4rem;color:var(--ink-soft);font-weight:400}.add-name{min-width:0}.add-submit{margin-top:0;padding-left:1.1rem;padding-right:1.1rem}.item-section{--tone: var(--persimmon)}.item-section[data-tone=stock]{--tone: var(--sage)}.section-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem}.section-bar{width:.8rem;height:1.35rem;background:var(--tone);border-radius:2px;flex-shrink:0}.section-head h2{margin:0;font-size:1.1rem;font-weight:900;letter-spacing:.04em}.section-count{margin-left:auto;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--tone);border:1.5px solid var(--tone);border-radius:999px;min-width:1.7rem;text-align:center;padding:.05rem .45rem}.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.item-row{position:relative;display:flex;align-items:stretch;background:var(--surface);border:1.5px solid var(--ink);border-radius:10px;overflow:hidden;transition:opacity .18s ease,background .18s ease}.item-row:before{content:"";width:5px;flex-shrink:0;background:var(--persimmon)}.item-row[data-status=satisfied]:before{background:var(--sage)}.item-row[data-status=satisfied]{background:var(--sage-soft);opacity:.78}.item-toggle{flex:1;display:flex;align-items:center;gap:.7rem;padding:.7rem .6rem .7rem .7rem;border:none;background:transparent;text-align:left;min-width:0}.item-toggle:active{transform:scale(.995)}.check{flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--persimmon);background:#fff;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.check:after{content:"";width:.5rem;height:.28rem;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translateY(-1px) scale(0);transition:transform .15s ease}.item-row[data-status=satisfied] .check{background:var(--sage);border-color:var(--sage)}.item-row[data-status=satisfied] .check:after{transform:rotate(-45deg) translateY(-1px) scale(1)}.item-icon{flex-shrink:0;font-size:1.35rem;width:1.9rem;height:1.9rem;display:grid;place-items:center;background:#fff;border:1.5px solid var(--hairline);border-radius:7px}.item-name{font-size:1.02rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row[data-status=satisfied] .item-name{text-decoration:line-through;text-decoration-color:var(--sage);text-decoration-thickness:2px;color:var(--ink-soft)}.item-delete{border:none;background:transparent;color:#b1a896;font-size:1.3rem;padding:0 .85rem;line-height:1;flex-shrink:0}.item-delete:hover{color:var(--persimmon)}.empty{margin:0;font-family:var(--font-mono);color:var(--ink-soft);font-size:.82rem;letter-spacing:.04em;padding:.9rem;border:1.5px dashed var(--hairline);border-radius:10px;text-align:center}.loading{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.06em}.error.banner{margin:0;background:#fff;border:1.5px solid var(--danger);border-radius:8px;padding:.65rem .8rem;color:var(--danger);font-weight:700;font-size:.88rem;box-shadow:3px 3px 0 var(--danger)}.emoji-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#18161273;display:flex;align-items:flex-end;justify-content:center;padding:1rem}.emoji-dialog{width:100%;max-width:420px;background:var(--surface);border:1.5px solid var(--ink);border-radius:14px;box-shadow:6px 6px #181612e6;overflow:hidden;display:flex;flex-direction:column;max-height:min(70vh,560px)}.emoji-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--ink);color:var(--paper);padding:.8rem .9rem}.emoji-dialog-head h2{margin:0;font-size:.95rem;font-weight:900;letter-spacing:.04em}.emoji-dialog-head .kicker{display:block;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.2em;color:#efe9dc8c}.emoji-close{background:transparent;border:1.5px solid rgba(239,233,220,.5);color:var(--paper);border-radius:7px;width:2rem;height:2rem;font-size:1.1rem;line-height:1;flex-shrink:0}.emoji-close:hover{border-color:var(--persimmon);color:var(--persimmon)}.emoji-cats{display:flex;gap:.35rem;padding:.6rem .7rem;overflow-x:auto;border-bottom:1.5px solid var(--hairline);scrollbar-width:thin}.emoji-cat{flex-shrink:0;background:#fff;border:1.5px solid var(--hairline);border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:700;color:var(--ink-soft);white-space:nowrap}.emoji-cat[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.9rem,1fr));gap:.3rem;padding:.7rem;overflow-y:auto}.emoji-cell{aspect-ratio:1;border:1.5px solid transparent;border-radius:9px;background:transparent;font-size:1.5rem;line-height:1;display:grid;place-items:center;transition:background .1s ease,transform .08s ease}.emoji-cell:hover{background:var(--persimmon-soft)}.emoji-cell:active{transform:scale(.9)}.emoji-cell.is-selected{border-color:var(--persimmon);background:var(--persimmon-soft)}.emoji-cell.clear{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.06em;color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--font-display: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic UI", sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace;--paper: #efe9dc;--surface: #fbf9f4;--ink: #181612;--ink-soft: #6c6453;--line: #181612;--hairline: rgba(24, 22, 18, .14);--persimmon: #e8401d;--persimmon-deep: #c12f10;--sage: #2f7a55;--sage-soft: #e2ece4;--persimmon-soft: #fbe3da;--danger: #b42318;font-family:var(--font-display);line-height:1.5;font-weight:500;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:var(--paper);background-image:linear-gradient(var(--hairline) 1px,transparent 1px);background-size:100% 2.25rem;background-position:0 -1px}#root{min-height:100vh;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:2.5px solid var(--persimmon);outline-offset:2px}