:root{--paper:#fbf8f2;--ink:#26221f;--muted:#716860;--line:#e4dccf;--accent:#1f5560;--alert:#a63f2a;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}.app{background:var(--paper);flex-direction:column;height:100dvh;display:flex;overflow:hidden}@media (width>=768px){body{background:var(--line)}#root{place-items:center;min-height:100dvh;display:grid}.app{border-radius:28px;width:390px;height:min(844px,100dvh - 48px);overflow:hidden;box-shadow:0 18px 50px #26221f1f}}.login{flex-direction:column;flex:1;justify-content:flex-end;gap:16px;padding:18vh 24px 48px;display:flex}.brand{color:var(--accent);letter-spacing:-.02em;margin:0;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:40px;font-weight:500}.rule{background:var(--accent);width:36px;height:2px;margin:-8px 0 0}.club{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:-6px 0 8px;font-size:12px}.note{margin:0;font-size:16px;line-height:1.45}.alert{color:var(--alert);font-size:14px;line-height:1.4}label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.field{border:1px solid var(--line);background:var(--paper);border-radius:14px;width:100%;height:52px;padding:0 16px}.field.bad{border-color:var(--alert)}.btn{background:var(--accent);width:100%;height:54px;color:var(--paper);border:0;border-radius:14px;font-size:16px;font-weight:600}.btn:disabled{background:var(--line);color:var(--muted)}.btn.done:disabled{background:color-mix(in srgb, var(--accent) 12%, var(--paper));color:var(--accent)}.head{border-bottom:1px solid var(--line);z-index:3;align-items:center;gap:4px;min-height:64px;padding:8px 8px 8px 20px;display:flex;position:relative}.head h2{margin:0;font-size:22px}.head h2.stream-title{color:var(--accent)}.head h2 .wk{color:var(--muted);margin-left:10px;font-size:15px;font-weight:500}.head h2 button.wk{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:15px;font-weight:500}.head h2 .wk.live,h3.live{color:var(--accent)}.scrim{z-index:2;background:0 0;border:0;padding:0;position:fixed;inset:0}.week-menu{z-index:3;background:color-mix(in srgb, var(--paper) 55%, #fff);border:1px solid color-mix(in srgb, var(--muted) 35%, var(--paper));border-radius:14px;min-width:196px;padding:6px;position:absolute;top:36px;left:0;box-shadow:0 2px 6px #26221f14,0 12px 28px -6px #26221f3d}.week-menu button{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 12px;font-size:15px;display:block}.week-menu button:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.week-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.week-menu button.live{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--paper));font-weight:600}.week-menu button.live:hover{background:color-mix(in srgb, var(--accent) 16%, var(--paper))}.week-menu button.open{border-top:1px solid color-mix(in srgb, var(--muted) 30%, var(--paper));border-radius:0 0 10px 10px;margin-top:6px;padding-top:11px;font-weight:600}.head h2 .filed{color:var(--accent);margin-left:10px;font-size:15px;font-weight:500}.head p{color:var(--muted);margin:2px 0 0;font-size:13px}.grow{flex:1;position:relative}.icon:disabled{color:var(--line);cursor:default}.icon{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:14px;place-items:center;display:grid}.body{flex:1;min-height:0;padding:24px;overflow:auto}.sheet{border:1px solid var(--line);border-radius:14px;margin:0 20px 24px;padding:14px 16px}.sheet code{word-break:break-all;font-size:13px;line-height:1.45;display:block}.person,.opt{text-align:left;border:1px solid var(--line);background:0 0;border-radius:14px;width:100%;margin-bottom:8px;padding:12px 16px}.opt{align-items:center;gap:10px;display:flex}.opt.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--paper))}.person.line{justify-content:space-between;align-items:center;gap:8px;display:flex}.person.line .row{flex:1}button.name{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650}.person.out{color:var(--muted)}.success h3{margin:16px 0 0}.success h3:first-child{margin-top:0}.success .share{letter-spacing:0;text-transform:none;color:var(--accent);margin-left:8px;font-size:15px;font-weight:650}.success .hit{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;font:inherit;background:0 0;padding:10px 0;display:block}.success .hit b{display:block}.success .hit .goal{color:var(--muted);margin:2px 0 0}.area.bad{border-color:var(--alert)}.person b{font-size:16px;display:block}.person small,.tag{color:var(--muted);font-size:13px}.tag.out{color:var(--alert)}.row{align-items:center;gap:8px;display:flex}.row .field{flex:1}.suggest{color:var(--accent);background:0 0;border:0;padding:6px 0;display:block}.help{width:40px;height:36px;color:var(--muted);background:0 0;border:0;flex:none;align-self:flex-end;place-items:center;margin:0 12px 8px 0;display:grid}.help svg{width:20px;height:20px}.role{border-top:1px solid var(--line);margin-bottom:20px;padding-top:14px}.role:first-child{border-top:0;padding-top:0}.role .cap{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:600}.role p{margin:0 0 10px;font-size:15px;line-height:1.55}.role p:last-child{margin-bottom:0}.block{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:14px 8px 14px 16px}.block .top{align-items:flex-start;gap:2px;display:flex}.block .top .goal{flex:1;margin:4px 0 0}.block .go{border:0;border-top:1px solid var(--line);text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;margin:12px 0 2px;padding:10px 8px 0 0;font-size:14px;font-weight:600;display:block}.block .go span:not([class]){color:var(--muted);font-weight:500}.area{border:1px solid var(--line);background:var(--paper);resize:vertical;border-radius:14px;width:100%;min-height:96px;padding:12px 16px}.tools{justify-content:flex-end;display:flex}.mark{color:var(--accent);background:0 0;border:0;align-items:center;gap:2px;height:40px;padding:0 6px;font-weight:650;display:inline-flex}.mark svg{width:20px;height:20px}.dot{border:1.5px solid var(--muted);border-radius:50%;flex:none;width:18px;height:18px}.opt.on .dot{border-color:var(--accent);box-shadow:inset 0 0 0 5px var(--accent)}.opt.on.mid{border-color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, var(--paper))}.opt.on.mid .dot{border-color:var(--ink);box-shadow:inset 0 0 0 5px var(--ink)}.opt.on.bad{border-color:var(--alert);background:color-mix(in srgb, var(--alert) 8%, var(--paper))}.opt.on.bad .dot{border-color:var(--alert);box-shadow:inset 0 0 0 5px var(--alert)}.opt:disabled{cursor:default}.st{font-size:14px;font-weight:600}.st.ok{color:var(--accent)}.st.mid{color:var(--ink)}.st.bad{color:var(--alert)}.extra{border:1px solid var(--line);border-radius:14px;align-items:center;gap:4px;margin-bottom:8px;padding:4px 4px 4px 16px;display:flex}.extra span{white-space:pre-wrap;flex:1}.body>.btn{margin-top:16px}.marks{color:var(--muted);margin:2px 0 0;font-size:13px}.goal{white-space:pre-wrap;margin:6px 0 0;font-size:15px;display:block}button.goal.tap{border:0;border-bottom:1px dashed var(--line);text-align:left;min-height:44px;font:inherit;color:inherit;cursor:pointer;background:0 0;flex:1;margin:4px 8px 0 0;padding:0 0 6px}button.goal.tap.empty{color:var(--muted)}.tape .beat{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border-radius:0;align-items:flex-start;gap:4px;margin:0;padding:12px 0;display:flex;position:relative}.tape button.hit,.tape button.beat{cursor:pointer}.tape .beat:not(.lead) .goal{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tape .beat.lead{cursor:default;flex-direction:column;align-items:stretch}.tape .beat.lead.verdict{border-left:3px solid var(--accent);padding-left:12px}.tape .beat.lead.verdict.bad{border-left-color:var(--alert)}.tape .beat.lead.verdict.none{border-left-color:var(--line)}.tape .lead .mark{color:var(--muted)}.tape .verdict{color:var(--accent);margin-top:8px;font-size:15px;font-weight:650;line-height:1.2;display:block}.tape .verdict.bad{color:var(--alert)}.tape .verdict.none{color:var(--muted);font-weight:400}.tape .hit{text-align:left;min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.tape .meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;line-height:1.3;display:flex}.tape .meta .st{white-space:nowrap;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:650}.tape .goal{color:var(--ink);margin:4px 0 0;font-size:17px;line-height:1.4}.tape .lead .goal{font-size:20px}.tape .mark{height:28px}.tape .mark.clock{z-index:1;height:22px;color:var(--muted);position:absolute;top:8px;left:76px}.stamp{box-sizing:border-box;border:1.5px solid var(--accent);border-radius:50%;flex:none;width:16px;height:16px;padding:0;display:inline-block}button.stamp{cursor:pointer;background:0 0}.stamp.ok{background:var(--accent)}.stamp.mid{background:linear-gradient(90deg, var(--accent) 50%, transparent 50%)}.stamp.bad{border-color:var(--alert);background:0 0}h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;font-size:13px;font-weight:600}.sheet{flex-direction:column;gap:12px;display:flex}svg.ic{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}
