.ui{min-height:100vh}.ui.ui.ui{--paper:#fafafa;--card:#fff;--ink:#0f1011;--text-2:#5c6470;--text-3:#8a919e;--line:#00000014;--accent:#1400ff;--accent-soft:#1400ff0f;--gold:#1400ff;--gold-deep:#1400ff;--gold-soft:#1400ff0d;--green:#16a34a;--red:#dc2626;--r:12px;--r-s:8px;--soft:none;--soft-lift:none;--sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--t:.14s ease}.ui.ui.ui,.ui.ui.ui *,.ui.ui.ui :before,.ui.ui.ui :after{box-sizing:border-box;margin:0;padding:0}.ui.ui.ui{-webkit-font-smoothing:antialiased;font-family:var(--sans);letter-spacing:-.008em;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.6}.ui.ui.ui ::selection{background:var(--accent);color:#fff}.ui.ui.ui button{font:inherit;letter-spacing:inherit;cursor:pointer}.ui.ui.ui a{color:inherit;text-decoration:none}.ui.ui.ui .nav{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:26px;padding:16px clamp(24px,6vw,72px);display:flex}.ui.ui.ui .nav .brand{align-items:center;gap:9px;font-size:16px;font-weight:700;display:flex}.ui.ui.ui .nav .brand i{background:var(--accent);border-radius:7px;width:22px;height:22px;display:inline-block}.ui.ui.ui .nav a.link{color:var(--text-2);transition:color var(--t);font-size:14px;font-weight:550}.ui.ui.ui .nav a.link:hover{color:var(--ink)}.ui.ui.ui .nav a.link.on{color:var(--accent);position:relative}.ui.ui.ui .nav a.link.on:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.ui.ui.ui .nav .spacer{flex:1}.ui.ui.ui .streak-chip{background:var(--accent-soft);font:600 13px/1.4 var(--mono);color:var(--accent);border:1px solid #1400ff38;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;display:inline-flex}.ui.ui.ui .wrap{max-width:980px;margin:0 auto;padding:26px clamp(24px,6vw,72px) 90px}.ui.ui.ui .wrap.narrow{max-width:780px}.ui.ui.ui .h-display{letter-spacing:-.028em;font-size:30px;font-weight:750;line-height:1.2}.ui.ui.ui .h-sec{letter-spacing:-.018em;font-size:18px;font-weight:700}.ui.ui.ui .sub{color:var(--text-2);font-size:15px}.ui.ui.ui .micro{color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:600}.ui.ui.ui .num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}.ui.ui.ui .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:none;transition:border-color var(--t);padding:22px}.ui.ui.ui .card.lift:hover{box-shadow:none;border-color:#0000002e;transform:none}.ui.ui.ui .sec{margin-top:26px}.ui.ui.ui .btn{height:40px;transition:background var(--t), border-color var(--t);border:1px solid #0000;border-radius:11px;align-items:center;gap:8px;padding:0 20px;font-size:14.5px;font-weight:650;display:inline-flex}.ui.ui.ui .btn:active{transform:scale(.98)}.ui.ui.ui .btn:disabled{opacity:.45;cursor:default;pointer-events:none}.ui.ui.ui .btn.primary,.ui.ui.ui .btn.gold{background:var(--accent);color:#fff;box-shadow:none}.ui.ui.ui .btn.primary:hover,.ui.ui.ui .btn.gold:hover{box-shadow:none;filter:none;background:#1000cc;transform:none}.ui.ui.ui .btn.ghost{background:var(--card);color:var(--ink);box-shadow:none;border-color:#00000026}.ui.ui.ui .btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.ui.ui.ui .btn.sm{border-radius:9px;height:32px;padding:0 14px;font-size:13px}.ui.ui.ui .tpl-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.ui.ui.ui .tpl-card{position:relative;overflow:hidden}.ui.ui.ui .tpl-card .cat{font:600 11px/1.7 var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-bottom:10px;padding:3px 10px;display:inline-flex}.ui.ui.ui .cat.hook,.ui.ui.ui .cat.story,.ui.ui.ui .cat.framework{color:var(--text-2);background:#0000000d}.ui.ui.ui .cat.opinion{background:var(--accent-soft);color:var(--accent)}.ui.ui.ui .tpl-card h4{letter-spacing:-.012em;margin-bottom:5px;font-size:15.5px;font-weight:700}.ui.ui.ui .tpl-card p{color:var(--text-2);font-size:13px;line-height:1.5}.ui.ui.ui .tpl-card .fill{background:var(--paper);color:var(--text-3);border:1px dashed #00000029;border-radius:10px;margin-top:12px;padding:12px;font-size:12.5px;line-height:1.55}.ui.ui.ui .tpl-card .fill b{color:var(--text-2)}.ui.ui.ui .tpl-card .use{margin-top:14px}.ui.ui.ui .score{width:40px;height:40px;font:800 12.5px/1 var(--mono);background:conic-gradient(var(--accent) calc(var(--v) * 1%), #00000014 0);border-radius:50%;flex:none;place-items:center;display:inline-grid}.ui.ui.ui .score i{background:var(--card);border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.ui.ui.ui .week{gap:8px;display:flex}.ui.ui.ui .day{width:34px;height:34px;font:600 12px/1 var(--mono);background:var(--paper);border:1px solid var(--line);color:var(--text-3);border-radius:10px;place-items:center;display:grid}.ui.ui.ui .day.hit{background:var(--accent-soft);color:var(--accent);border-color:#1400ff47}.ui.ui.ui .day.today{border:2px solid var(--accent);color:var(--accent);background:var(--card)}.ui.ui.ui .idea{background:var(--card);border:1px solid var(--line);box-shadow:none;transition:background var(--t);border-radius:12px;align-items:center;gap:14px;padding:15px 18px;display:flex}.ui.ui.ui .idea+.idea{margin-top:10px}.ui.ui.ui .idea:hover{box-shadow:none;background:#00000004;transform:none}.ui.ui.ui .idea .grow{flex:1;min-width:0}.ui.ui.ui .idea .t{letter-spacing:-.01em;font-size:14.5px;font-weight:650}.ui.ui.ui .idea .m{color:var(--text-3);margin-top:1px;font-size:12.5px}.ui.ui.ui .canvas{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:16px;padding:34px 38px}.ui.ui.ui .editor{resize:none;width:100%;min-height:260px;font:400 17px/1.7 var(--sans);letter-spacing:-.008em;color:var(--ink);background:0 0;border:0;outline:0}.ui.ui.ui .editor::placeholder{color:var(--text-3)}.ui.ui.ui .scaffold{border-left:3px solid var(--accent);color:var(--text-2);margin-bottom:18px;padding:2px 0 2px 14px;font-size:13.5px;line-height:1.6}.ui.ui.ui .scaffold b{color:var(--ink)}.ui.ui.ui .pill{background:var(--card);color:var(--text-2);transition:all var(--t);border:1px solid #00000021;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.ui.ui.ui .pill:hover{border-color:var(--accent);color:var(--accent)}.ui.ui.ui .pill.on{background:var(--ink);color:var(--card);border-color:var(--ink)}.ui.ui.ui .stat-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ui.ui.ui .stat-card{text-align:center;padding:18px 10px}.ui.ui.ui .stat-card .v{font:800 26px/1.2 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.015em}.ui.ui.ui .stat-card .l{color:var(--text-3);margin-top:2px;font-size:12px;font-weight:600}.ui.ui.ui .meter{background:#00000012;border-radius:6px;height:8px;overflow:hidden}.ui.ui.ui .meter i{background:var(--accent);border-radius:6px;height:100%;display:block}.ui.ui.ui :focus-visible{border-radius:var(--r-s);outline:none;box-shadow:0 0 0 3px #1400ff59}.ui.ui.ui .editor:focus-visible,.ui.ui.ui .input-line:focus-visible{box-shadow:none}.ui.ui.ui select.pill{appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%235c6470' stroke-width='1.4' fill='none'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;max-width:240px;padding-right:26px;overflow:hidden}.ui.ui.ui select.pill.set{color:var(--ink);border-color:#0003}.ui.ui.ui .input-line{width:100%;font:inherit;background:var(--card);color:var(--ink);border:1px solid #00000024;border-radius:10px;padding:9px 12px;font-size:14px}.ui.ui.ui .input-line:focus{border-color:var(--accent);outline:none}.ui.ui.ui .err-line{color:var(--red);margin-top:8px;font-size:13px}.ui.ui.ui details.card>summary{cursor:pointer;font-size:14px;font-weight:650;list-style:none}.ui.ui.ui details.card>summary::-webkit-details-marker{display:none}html[data-theme=typeshare] .ui.ui.ui{--paper:#faf8f4;--card:#fff;--ink:#1d1a14;--text-2:#6b6459;--text-3:#a39b8d;--line:#3f34201a;--accent:#1400ff;--accent-soft:#1400ff12;--gold:#f5b301;--gold-deep:#b45309;--gold-soft:#fdf3d8;--green:#16a34a;--red:#dc2626;--r:14px;--r-s:9px;--soft:0 2px 14px #3f342012;--soft-lift:0 10px 30px #3f34201a;--sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--t:.18s ease}html[data-theme=typeshare] .ui.ui.ui,html[data-theme=typeshare] .ui.ui.ui *,html[data-theme=typeshare] .ui.ui.ui :before,html[data-theme=typeshare] .ui.ui.ui :after{box-sizing:border-box;margin:0;padding:0}html[data-theme=typeshare] .ui.ui.ui{-webkit-font-smoothing:antialiased;font-family:var(--sans);letter-spacing:-.008em;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.6}html[data-theme=typeshare] .ui.ui.ui ::selection{background:var(--gold);color:var(--ink)}html[data-theme=typeshare] .ui.ui.ui button{font:inherit;letter-spacing:inherit;cursor:pointer}html[data-theme=typeshare] .ui.ui.ui a{color:inherit;text-decoration:none}html[data-theme=typeshare] .ui.ui.ui .nav{align-items:center;gap:26px;padding:16px clamp(24px,6vw,72px);display:flex}html[data-theme=typeshare] .ui.ui.ui .nav .brand{align-items:center;gap:9px;font-size:16px;font-weight:750;display:flex}html[data-theme=typeshare] .ui.ui.ui .nav .brand i{background:var(--accent);border-radius:7px;width:22px;height:22px;display:inline-block}html[data-theme=typeshare] .ui.ui.ui .nav a.link{color:var(--text-2);transition:color var(--t);font-size:14px;font-weight:550}html[data-theme=typeshare] .ui.ui.ui .nav a.link:hover,html[data-theme=typeshare] .ui.ui.ui .nav a.link.on{color:var(--ink)}html[data-theme=typeshare] .ui.ui.ui .nav a.link.on{position:relative}html[data-theme=typeshare] .ui.ui.ui .nav a.link.on:after{content:"";background:var(--gold);border-radius:2px;height:2.5px;position:absolute;bottom:-6px;left:0;right:0}html[data-theme=typeshare] .ui.ui.ui .nav .spacer{flex:1}html[data-theme=typeshare] .ui.ui.ui .streak-chip{background:var(--gold-soft);color:var(--gold-deep);border:1px solid #f5b30166;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13.5px;font-weight:700;display:inline-flex}html[data-theme=typeshare] .ui.ui.ui .wrap{max-width:980px;margin:0 auto;padding:26px clamp(24px,6vw,72px) 90px}html[data-theme=typeshare] .ui.ui.ui .wrap.narrow{max-width:780px}html[data-theme=typeshare] .ui.ui.ui .h-display{letter-spacing:-.025em;font-size:30px;font-weight:800;line-height:1.2}html[data-theme=typeshare] .ui.ui.ui .h-sec{letter-spacing:-.015em;font-size:18px;font-weight:750}html[data-theme=typeshare] .ui.ui.ui .sub{color:var(--text-2);font-size:15px}html[data-theme=typeshare] .ui.ui.ui .micro{color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:600}html[data-theme=typeshare] .ui.ui.ui .num{font-variant-numeric:tabular-nums}html[data-theme=typeshare] .ui.ui.ui .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--soft);transition:transform var(--t), box-shadow var(--t);padding:22px}html[data-theme=typeshare] .ui.ui.ui .card.lift:hover{box-shadow:var(--soft-lift);transform:translateY(-3px)}html[data-theme=typeshare] .ui.ui.ui .sec{margin-top:26px}html[data-theme=typeshare] .ui.ui.ui .btn{height:40px;transition:all var(--t);border:1px solid #0000;border-radius:11px;align-items:center;gap:8px;padding:0 20px;font-size:14.5px;font-weight:650;display:inline-flex}html[data-theme=typeshare] .ui.ui.ui .btn.primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #1400ff38}html[data-theme=typeshare] .ui.ui.ui .btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1400ff47}html[data-theme=typeshare] .ui.ui.ui .btn.gold{background:linear-gradient(135deg, var(--gold), #e8a301);color:var(--ink);box-shadow:0 6px 18px #f5b3014d}html[data-theme=typeshare] .ui.ui.ui .btn.gold:hover{transform:translateY(-1px)}html[data-theme=typeshare] .ui.ui.ui .btn.ghost{background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:var(--soft)}html[data-theme=typeshare] .ui.ui.ui .btn.ghost:hover{border-color:#3f342038}html[data-theme=typeshare] .ui.ui.ui .btn.sm{border-radius:9px;height:32px;padding:0 14px;font-size:13px}html[data-theme=typeshare] .ui.ui.ui .tpl-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}html[data-theme=typeshare] .ui.ui.ui .tpl-card{position:relative;overflow:hidden}html[data-theme=typeshare] .ui.ui.ui .tpl-card .cat{border-radius:999px;margin-bottom:10px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}html[data-theme=typeshare] .ui.ui.ui .cat.hook{color:#c2410c;background:#ffe9e3}html[data-theme=typeshare] .ui.ui.ui .cat.story{color:#3730a3;background:#e5edff}html[data-theme=typeshare] .ui.ui.ui .cat.framework{color:#15803d;background:#e9f9ef}html[data-theme=typeshare] .ui.ui.ui .cat.opinion{background:var(--gold-soft);color:var(--gold-deep)}html[data-theme=typeshare] .ui.ui.ui .tpl-card h4{letter-spacing:-.01em;margin-bottom:5px;font-size:15.5px;font-weight:750}html[data-theme=typeshare] .ui.ui.ui .tpl-card p{color:var(--text-2);font-size:13px;line-height:1.5}html[data-theme=typeshare] .ui.ui.ui .tpl-card .fill{background:var(--paper);color:var(--text-3);border:1px dashed #3f34202e;border-radius:10px;margin-top:12px;padding:12px;font-size:12.5px;line-height:1.55}html[data-theme=typeshare] .ui.ui.ui .tpl-card .fill b{color:var(--text-2)}html[data-theme=typeshare] .ui.ui.ui .tpl-card .use{margin-top:14px}html[data-theme=typeshare] .ui.ui.ui .score{background:conic-gradient(var(--gold) calc(var(--v) * 1%), #3f342014 0);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:12.5px;font-weight:800;display:inline-grid}html[data-theme=typeshare] .ui.ui.ui .score i{background:var(--card);border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;display:grid}html[data-theme=typeshare] .ui.ui.ui .week{gap:8px;display:flex}html[data-theme=typeshare] .ui.ui.ui .day{background:var(--paper);border:1px solid var(--line);width:34px;height:34px;color:var(--text-3);border-radius:10px;place-items:center;font-size:12px;font-weight:700;display:grid}html[data-theme=typeshare] .ui.ui.ui .day.hit{background:var(--gold-soft);color:var(--gold-deep);border-color:#f5b30180}html[data-theme=typeshare] .ui.ui.ui .day.today{border:2px solid var(--accent);color:var(--accent);background:var(--accent-soft)}html[data-theme=typeshare] .ui.ui.ui .idea{background:var(--card);border:1px solid var(--line);box-shadow:var(--soft);transition:transform var(--t), box-shadow var(--t);border-radius:12px;align-items:center;gap:14px;padding:15px 18px;display:flex}html[data-theme=typeshare] .ui.ui.ui .idea+.idea{margin-top:10px}html[data-theme=typeshare] .ui.ui.ui .idea:hover{box-shadow:var(--soft-lift);transform:translateY(-2px)}html[data-theme=typeshare] .ui.ui.ui .idea .grow{flex:1;min-width:0}html[data-theme=typeshare] .ui.ui.ui .idea .t{letter-spacing:-.01em;font-size:14.5px;font-weight:650}html[data-theme=typeshare] .ui.ui.ui .idea .m{color:var(--text-3);margin-top:1px;font-size:12.5px}html[data-theme=typeshare] .ui.ui.ui .canvas{background:var(--card);border:1px solid var(--line);box-shadow:var(--soft);border-radius:18px;padding:34px 38px}html[data-theme=typeshare] .ui.ui.ui .editor{resize:none;width:100%;min-height:260px;font:400 17px/1.7 var(--sans);letter-spacing:-.008em;color:var(--ink);background:0 0;border:0;outline:0}html[data-theme=typeshare] .ui.ui.ui .editor::placeholder{color:var(--text-3)}html[data-theme=typeshare] .ui.ui.ui .scaffold{border-left:3px solid var(--gold);color:var(--text-2);margin-bottom:18px;padding:2px 0 2px 14px;font-size:13.5px;line-height:1.6}html[data-theme=typeshare] .ui.ui.ui .scaffold b{color:var(--ink)}html[data-theme=typeshare] .ui.ui.ui .pill{background:var(--card);border:1px solid var(--line);color:var(--text-2);transition:all var(--t);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}html[data-theme=typeshare] .ui.ui.ui .pill:hover{border-color:var(--accent);color:var(--accent)}html[data-theme=typeshare] .ui.ui.ui .pill.on{background:var(--ink);color:var(--card);border-color:var(--ink)}html[data-theme=typeshare] .ui.ui.ui .stat-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}html[data-theme=typeshare] .ui.ui.ui .stat-card{text-align:center;padding:18px 10px}html[data-theme=typeshare] .ui.ui.ui .stat-card .v{letter-spacing:-.02em;font-size:26px;font-weight:800}html[data-theme=typeshare] .ui.ui.ui .stat-card .l{color:var(--text-3);margin-top:2px;font-size:12px;font-weight:600}html[data-theme=typeshare] .ui.ui.ui .meter{background:#3f342014;border-radius:6px;height:8px;overflow:hidden}html[data-theme=typeshare] .ui.ui.ui .meter i{background:linear-gradient(90deg, var(--gold), #e8a301);border-radius:6px;height:100%;display:block}html[data-theme=typeshare] .ui.ui.ui :focus-visible{border-radius:var(--r-s);outline:none;box-shadow:0 0 0 3px #1400ff59}html[data-theme=typeshare] .ui.ui.ui .editor:focus-visible,html[data-theme=typeshare] .ui.ui.ui .input-line:focus-visible{box-shadow:none}html[data-theme=typeshare] .ui.ui.ui select.pill{appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%236b6459' stroke-width='1.4' fill='none'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;max-width:240px;padding-right:26px;overflow:hidden}html[data-theme=typeshare] .ui.ui.ui select.pill.set{color:var(--ink);border-color:#3f34204d}html[data-theme=typeshare] .ui.ui.ui .input-line{border:1px solid var(--line);width:100%;font:inherit;background:var(--card);color:var(--ink);border-radius:10px;padding:9px 12px;font-size:14px}html[data-theme=typeshare] .ui.ui.ui .input-line:focus{border-color:var(--accent);outline:none}html[data-theme=typeshare] .ui.ui.ui .err-line{color:var(--red);margin-top:8px;font-size:13px}html[data-theme=typeshare] .ui.ui.ui details.card>summary{cursor:pointer;font-size:14px;font-weight:650;list-style:none}html[data-theme=typeshare] .ui.ui.ui details.card>summary::-webkit-details-marker{display:none}.ui .pv{background:0 0;min-height:0}.ui .pv .pv-input,.ui .pv .pv-textarea,.ui .pv .input,.ui .pv .textarea{font:inherit;background:var(--card);border:1px solid #00000024;border-radius:10px;width:100%;padding:9px 12px;font-size:14px}.ui .pv .pv-field>span,.ui .pv .field label{color:var(--text-2);margin:10px 0 4px;font-size:12px;font-weight:600;display:block}