:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif;color:#292e29;background:#e9e7e0;--paper:#f7f5f0;--ink:#292e29;--accent:#4d624b;--muted:#73766c;--line:#e2e2d9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;min-height:44px;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #7a8b67;outline-offset:4px}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}.app{max-width:480px;margin:auto;background:var(--paper);min-height:100dvh}header{padding:calc(20px + env(safe-area-inset-top)) 26px 12px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:1.1875rem;font-weight:650;min-height:44px;letter-spacing:-.7px}.brand-mark{position:relative;width:24px;height:24px;margin-right:1px}.brand-mark i{position:absolute;width:15px;height:20px;border:1.5px solid #63775d;border-radius:5px;left:0;top:0;transform:rotate(-12deg)}.brand-mark i+i{left:8px;top:4px;background:#63775d;border-color:var(--paper);transform:rotate(9deg)}.beta{font-size:.6875rem;font-weight:400;color:var(--muted);letter-spacing:.2px;margin-left:2px}.icon-btn{width:44px;background:transparent;color:var(--muted);font-size:1.25rem;border-radius:50%}main{padding:0 26px calc(118px + env(safe-area-inset-bottom))}.card{padding:25px 0 26px;border-bottom:1px solid var(--line)}.card:last-child{border-bottom:0}.card h3{font-size:1.3125rem;font-weight:600;line-height:1.48;margin:0 0 20px;letter-spacing:-.55px;text-wrap:pretty;max-width:23ch}.options-list{display:grid;gap:10px}.option{position:relative;min-height:56px;padding:0;background:#fffefa;border:1px solid #e1e3d9;border-radius:14px;overflow:hidden;text-align:left;color:var(--ink);box-shadow:0 2px 3px #414c3403,inset 0 1px #ffffff;transition:background .18s,border-color .18s,transform .18s}.option:active:not(:disabled){transform:scale(.985)}.option.selected{border-color:#7b8b6d;background:#edf1e8;box-shadow:0 0 0 1px #7b8b6d15,inset 0 1px #ffffff80}.option-label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:13px 15px;font-size:.9375rem;line-height:1.45}.option-label>span{position:relative}.answer{display:flex;gap:13px;align-items:center}.option-key{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:8px;background:#f0f1ea;color:#747b69;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums}.selected .option-key{background:#52664a;color:white}.option-end{min-width:23px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums;font-size:.8125rem;color:#606f56}.circle{display:block;width:16px;height:16px;margin-left:auto;border:1px solid #ced3c5;border-radius:50%;background:#fffefa80}.resultbar{position:absolute;left:0;top:0;bottom:0;background:#e9ede2;opacity:.85}.selected .resultbar{background:#dfe7d4}.card-footer{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:#73776c;margin:14px 1px 0;line-height:1.6;font-variant-numeric:tabular-nums;letter-spacing:.1px}.result-note{color:#56694e}.tabbar{position:fixed;bottom:calc(13px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:428px;display:flex;align-items:center;justify-content:space-around;padding:7px 12px;background:#fffef9ed;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #fffffff0;border-radius:25px;box-shadow:0 8px 28px #41443212,0 0 0 1px #d5d7ca65;z-index:5}.tabbar button{min-width:76px;min-height:51px;background:transparent;color:#797d71;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;font-size:.6875rem;position:relative}.tabbar button.active{color:#445b3e;font-weight:600}.tabbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.plus{display:grid;place-items:center;background:#52664b;color:#fffefa;width:46px;height:46px;border-radius:16px;font-size:1.75rem;font-weight:300;line-height:1;box-shadow:0 3px 7px #4259361c,inset 0 1px #ffffff25}.tabbar [data-tab=create].active .plus{background:#354c30;box-shadow:0 0 0 4px #e5ebdd}.page-title{font-size:1.75rem;font-weight:600;margin:25px 0 25px;letter-spacing:-.9px}.form-section{margin:24px 0}.input-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;position:relative}.input-key{position:absolute;left:15px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eef0e7;color:#747b69;font-size:.6875rem;pointer-events:none;z-index:1}.input-row input{padding-left:52px}.remove{width:44px;flex-shrink:0;background:transparent;color:#77796e;font-size:1.375rem}input,textarea{border:1px solid #e0e2d7;background:#fffefa;color:var(--ink);padding:16px;border-radius:15px;width:100%;font-size:1rem;min-height:56px;line-height:1.5;box-shadow:0 2px 3px #414c3403;transition:border-color .15s}textarea{min-height:132px;resize:vertical;font-size:1.1875rem;letter-spacing:-.4px;line-height:1.6}input::placeholder,textarea::placeholder{color:#7c8074}input:focus,textarea:focus{border-color:#829373}.text-btn{color:#516848;background:transparent;padding:7px 0;font-size:.9375rem}.primary{width:100%;min-height:55px;background:#52664b;color:#fffefa;border-radius:16px;font-size:1rem;font-weight:600;letter-spacing:.8px;box-shadow:0 3px 8px #42593614,inset 0 1px #ffffff20}.hint{text-align:center;font-size:.75rem;color:var(--muted);margin:17px 0}.error{color:#a04038;font-size:.8125rem;line-height:1.6}.segmented{display:flex;background:#eeeee6;border:1px solid #e4e5db;border-radius:14px;padding:4px;margin:0 0 10px}.segmented button{flex:1;color:var(--muted);background:transparent;border-radius:10px;font-size:.875rem;letter-spacing:.5px}.segmented button.active{background:#fffefa;color:#42583c;box-shadow:0 1px 4px #3447260d;font-weight:600}.empty{text-align:center;padding:75px 15px 60px;position:relative}.empty:before{content:"";display:block;width:37px;height:43px;border:1px solid #cfd6c5;border-radius:11px;margin:0 auto 22px;box-shadow:7px -6px 0 -1px var(--paper),7px -6px 0 0 #d9dfd1;transform:rotate(-7deg);background:#fffefa}.empty p{color:var(--muted);font-size:.9375rem;margin-bottom:17px}.empty button{background:#e8eddf;color:#4d6344;padding:0 20px;border-radius:13px;font-size:.875rem}.detail-actions{display:flex;gap:15px;margin:7px 0 -8px}.detail-actions button{background:transparent;color:var(--muted);font-size:.75rem;padding:0 1px;min-width:44px}.detail-actions button:last-child{margin-left:auto;color:#8d665d}#toast{position:fixed;bottom:112px;left:50%;transform:translateX(-50%);max-width:85%;background:#34412fed;color:#fffefa;padding:14px 21px;border-radius:14px;font-size:.8125rem;opacity:0;pointer-events:none;z-index:30;transition:opacity .15s;box-shadow:0 5px 20px #28312220}#toast.show{opacity:1}dialog{border:1px solid #fffffff0;border-radius:26px;padding:34px 26px 26px;max-width:400px;width:calc(100% - 32px);color:var(--ink);background:var(--paper);box-shadow:0 24px 80px #28312235}dialog::backdrop{background:#252f2460;backdrop-filter:blur(5px)}dialog h2{font-size:1.5rem;font-weight:600;letter-spacing:-.7px;margin:10px 0 20px}dialog p{color:#6a7062;font-size:.9375rem;line-height:1.8;margin-bottom:22px}.handle{width:31px;height:4px;background:#d5dacd;border-radius:3px;margin:-22px auto 23px}.close{position:absolute;top:8px;right:9px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:355px){main{padding-left:20px;padding-right:20px}header{padding-left:20px;padding-right:20px}.card h3{font-size:1.1875rem}.option-label{padding-left:12px;padding-right:12px}.answer{gap:10px}.tabbar{width:calc(100% - 30px)}}
/* Motion keeps the selected option in place: only color, fill and numerals change. */
button{transition:transform 220ms cubic-bezier(.2,.8,.2,1),background-color 220ms,border-color 220ms,box-shadow 220ms}button:active:not(:disabled){transform:scale(.97)}.option:active:not(:disabled){transform:scale(.985)}.option-key{transition:background-color 240ms,color 240ms,transform 300ms cubic-bezier(.2,.9,.2,1.15)}.selected .option-key{transform:scale(1.04)}.resultbar{transition:width 340ms cubic-bezier(.22,.7,.25,1),opacity 220ms}.option-end{font-variant-numeric:tabular-nums}.page-enter{animation:page-in 240ms cubic-bezier(.2,.7,.3,1) both}@keyframes page-in{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}dialog[open]{animation:sheet-in 280ms cubic-bezier(.2,.8,.25,1) both}dialog.closing[open]{animation:sheet-out 180ms ease both}dialog[open]::backdrop{animation:veil-in 220ms ease both}dialog.closing::backdrop{animation:veil-out 180ms ease both}@keyframes sheet-in{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheet-out{to{opacity:0;transform:translateY(15px) scale(.99)}}@keyframes veil-in{from{opacity:0}to{opacity:1}}@keyframes veil-out{to{opacity:0}}#toast{transform:translate(-50%,7px);transition:opacity 200ms,transform 240ms cubic-bezier(.2,.8,.2,1)}#toast.show{transform:translate(-50%,0)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active:not(:disabled),.option:active:not(:disabled),.selected .option-key{transform:none}}
.header-actions{display:flex;align-items:center;flex-shrink:0}.header-actions svg{display:block;margin:auto;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.brand{flex-wrap:wrap;column-gap:8px;row-gap:0;min-width:0}.brand-mark{flex-shrink:0}#brand-name{overflow-wrap:anywhere}.language-list{display:grid;max-height:65dvh;overflow:auto}.language-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;background:transparent;color:var(--ink);min-height:48px;padding:10px 8px;border-bottom:1px solid var(--line);font-size:.9375rem}.language-list button[aria-pressed=true]{color:var(--accent);font-weight:600}.answer{min-width:0}.answer>span:last-child{overflow-wrap:anywhere}.card-footer{flex-wrap:wrap}.card h3{overflow-wrap:anywhere}.tabbar button{min-width:0;flex:1}.nav-label{max-width:100%;overflow-wrap:anywhere}.detail-actions{flex-wrap:wrap}.primary{height:auto;padding:14px 16px}.segmented button{min-width:0;overflow-wrap:anywhere;padding:10px}.empty button{height:auto;padding:12px 20px}@media(max-width:355px){header{padding-left:17px;padding-right:17px}.brand{font-size:1.0625rem;gap:6px}.header-actions .icon-btn{width:44px}.beta{font-size:.6875rem}}

.load-more{display:block;margin:16px auto}.card-footer>span{overflow-wrap:anywhere}.hint{line-height:1.7}
.card-footer{align-items:center}.card-status{display:flex;align-items:center;gap:4px;margin-right:-8px}.card-action{background:transparent;color:var(--accent);font-size:inherit;line-height:1.6;min-height:44px;min-width:44px;padding:0 8px;margin:-12px 0;border-radius:8px}.back-to-feed{margin:12px 0 0}