.tako{--bg:#e8ebee;--ink:#15171c;--sub:#666c76;--line:#15171c1f;--surface:#fff;--accent:#22335f;--on-accent:#fff;--warm:#a85f17;background:var(--bg);color:var(--ink);letter-spacing:normal;-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;font-size:16px;line-height:normal;position:fixed;inset:0;overflow:hidden}.tako *{box-sizing:border-box;margin:0}.tako #c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.tako button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.tako button:focus-visible,.tako input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tako .bar{pointer-events:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:fixed;inset:0 0 auto}.tako .bar>*{pointer-events:auto}.tako .mark{letter-spacing:-.02em;font-size:19px;font-weight:800}.tako .bar-r{align-items:center;gap:4px;display:flex}.tako .txt{border-radius:10px;height:36px;padding:0 12px;font-size:14px;font-weight:600}.tako .ico{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.tako .txt:hover,.tako .ico:hover{background:#15171c0f}.tako .dock{left:50%;bottom:max(20px,env(safe-area-inset-bottom));display:none;position:fixed;transform:translate(-50%)}.tako .pri{background:var(--accent);height:44px;color:var(--on-accent);white-space:nowrap;border-radius:13px;padding:0 20px;font-size:15px;font-weight:700}.tako .dock .pri{border-radius:16px;height:48px;padding:0 30px;font-size:16px;box-shadow:0 14px 30px -14px #22335fb3}.tako .sec{background:var(--bg);white-space:nowrap;border-radius:13px;height:44px;padding:0 14px;font-size:14px;font-weight:600}.tako .pri:active,.tako .sec:active{transform:translateY(1px)}.tako .hint{color:var(--sub);pointer-events:none;white-space:nowrap;background:#ffffffc7;border-radius:99px;padding:7px 13px;font-size:13px;font-weight:500;transition:opacity .3s;position:fixed;top:62px;left:50%;transform:translate(-50%)}.tako .hint:empty{display:none}.tako .card{background:var(--surface);width:312px;box-shadow:0 1px 0 var(--line),0 24px 60px -24px #15171c52;border-radius:22px;flex-direction:column;gap:18px;padding:26px 24px 22px;display:none;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.tako .who{color:var(--sub);margin-bottom:-8px;font-size:14px;font-weight:500}.tako .score{align-items:baseline;gap:4px;display:flex}.tako .score b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:72px;font-weight:800;line-height:.95}.tako .score span{font-size:18px;font-weight:700}.tako .score em{color:var(--warm);margin-left:auto;font-size:15px;font-style:normal;font-weight:700}.tako .rows{grid-template-columns:auto 1fr auto;align-items:center;gap:9px 12px;font-size:13px;display:grid}.tako .rows dt{color:var(--sub)}.tako .rows dd{margin:0}.tako .rows .b{background:var(--bg);border-radius:2px;height:4px;overflow:hidden}.tako .rows .b i{height:100%;width:calc(var(--v,0)*100%);background:var(--ink);border-radius:2px;transition:width .6s cubic-bezier(.2,.7,.2,1);display:block}.tako .rows .n{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-weight:600}.tako .say{word-break:keep-all;border-left:2px solid var(--warm);padding-left:12px;font-size:15px;font-weight:500;line-height:1.5}.tako .acts{grid-template-columns:1fr auto auto;gap:8px;display:none}.tako .acts input{border:1px solid var(--line);height:44px;font:inherit;color:inherit;-webkit-user-select:text;user-select:text;background:0 0;border-radius:13px;grid-column:1/-1;padding:0 14px;font-size:15px}.tako .acts .wide{grid-column:1/-1}.tako[data-mode=bake] [data-for~=bake],.tako[data-mode=top] [data-for~=top],.tako[data-mode=done] [data-for~=done],.tako[data-mode=view] [data-for~=view]{display:flex}.tako[data-mode=done] .acts[data-for~=done],.tako[data-mode=view] .acts[data-for~=view]{display:grid}.tako .modal{background:#15171c4d;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tako .modal[hidden]{display:none}.tako .sheet{background:var(--surface);border-radius:22px;width:min(360px,100%);max-height:80vh;padding:8px 8px 14px;overflow:auto}.tako .sheet-h{justify-content:space-between;align-items:center;padding:8px 6px 6px 16px;display:flex}.tako .sheet h2{font-size:16px;font-weight:700}.tako .tabs{gap:2px;padding:0 10px 8px;display:flex}.tako .tabs button{height:34px;color:var(--sub);border-radius:10px;padding:0 12px;font-size:13px;font-weight:600}.tako .tabs button.on{background:var(--bg);color:var(--ink)}.tako .list{margin:0;padding:0 10px;list-style:none}.tako .list li{border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;height:44px;padding:0 8px;font-size:14px;display:grid}.tako .list li.me{background:var(--bg);font-weight:700}.tako .list .r{color:var(--sub);font-variant-numeric:tabular-nums}.tako .list .s{font-variant-numeric:tabular-nums;font-weight:700}@media (max-width:760px){.tako .card{top:auto;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:12px;width:auto;padding:20px 20px 16px;transform:none}.tako .score b{font-size:54px}.tako .rows{gap:6px 12px}}.tako .acts{grid-template-columns:repeat(3,1fr)}.tako .acts .sec{padding:0 8px}.tako .pri:disabled{opacity:.55;cursor:default}.tako .note{color:var(--sub);word-break:keep-all;font-size:13px;line-height:1.45}.tako .note:empty{display:none}.tako .card .note{margin-top:-8px}.tako .sheet .note{padding:12px 18px 4px}.tako .sheet-f{gap:8px;padding:8px 16px 0;display:flex}.tako .list li{height:auto;padding:0;display:block}.tako .list li a{height:44px;color:inherit;border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;padding:0 8px;text-decoration:none;display:grid}.tako .list li a:hover{background:var(--bg)}