:root{--green:#00b33c;--green-dark:#009924;--green-header:#00c53a;--green-border:#19a640;--green-soft:#e8f8ec;--ink:#111;--muted:#545454;--logo:#761c1d;--line:#b7e3c2;--bg:#fff;--stage:430px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);background:#fff;font-family:Inter,system-ui,sans-serif}.shell{place-items:center;min-height:100%;display:grid}.stage{background:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=560px){body{background:#ececec}.stage{width:min(var(--stage), 100vw);height:min(900px,100dvh);box-shadow:0 12px 40px #0000001f}}.page{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex}.scroll{flex:1;min-height:0;overflow:auto}.header{background:var(--green-header);color:#fff;flex-shrink:0;align-items:center;gap:8px;min-height:56px;padding:8px 12px;display:flex}.header h1{text-align:center;letter-spacing:.08em;text-transform:uppercase;flex:1;font-size:17px;font-weight:800}.header.light{color:#444;background:#fff;border-bottom:1px solid #eee}.header.light h1{letter-spacing:.04em;color:#555;text-transform:uppercase;font-size:15px;font-weight:600}.circ{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.header.light .circ{border-color:var(--green);color:var(--green)}.ghost{width:40px}.primary{background:var(--green-dark);color:#fff;width:100%;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;border-radius:22px;padding:14px 16px;font-weight:800}.primary:active{filter:brightness(.95)}.link{color:var(--green);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:600}.empty{text-align:center;color:var(--muted);padding:40px 16px}.sprout-ico{flex-shrink:0;margin-top:2px}.sprout-del{color:#888;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-size:22px;line-height:1}.login{justify-content:center;gap:0;padding:32px 36px 48px}.logo{text-align:center;margin-bottom:28px}.logo svg{margin:0 auto;display:block}.logo b{color:var(--logo);margin-top:6px;font-size:18px;font-weight:700;display:block}.field{border:3px solid var(--green-border);background:#fefefe;border-radius:22px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;display:flex}.field input{font:inherit;color:var(--muted);background:0 0;border:0;outline:0;flex:1;font-size:16px}.field svg{color:#222;flex-shrink:0}.eye{color:#666;cursor:pointer;background:0 0;border:0;display:grid}.year-page{min-height:0}.wheel-wrap{flex:1;min-height:0;margin:0 8px;position:relative}.wheel{scroll-snap-type:y mandatory;text-align:center;height:100%;padding-block:calc(50% - 28px);overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.wheel-item{scroll-snap-align:center;color:#111;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:56px;font-size:28px;font-weight:700;display:flex}.wheel-item.on span{background:var(--green);color:#fff;border-radius:999px;min-width:140px;padding:6px 28px;display:inline-block}.pad{flex-shrink:0;padding:0 28px 24px}.crop-list{padding:16px 36px 24px}.crop-card{cursor:pointer;text-align:center;width:100%;font:inherit;background:#fff;border:3px solid #111;border-radius:18px;margin-bottom:12px;padding:12px 10px 8px}.crop-card span{margin-bottom:4px;font-size:15px;font-weight:600;display:block}.crop-svg{color:#111;width:64px;height:64px;margin:8px auto 4px;display:block}.add-more{cursor:pointer;font:inherit;letter-spacing:.04em;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;width:100%;padding:8px 0 16px;font-size:13px;font-weight:800;display:flex}.add-more .plus{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:32px;font-weight:400;display:grid}.seg{justify-content:center;padding:12px 20px 6px;display:flex}.seg-box{align-items:center;gap:8px;display:flex}.seg button{border:2px solid var(--green);color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700}.seg button.on{background:var(--green);color:#fff}.cols{grid-template-columns:1.05fr 1.5fr;padding:8px 22px 6px;font-size:15px;font-weight:700;display:grid}.notes-page{position:relative}.notes-scroll{padding-bottom:88px}.note-line{border-bottom:2px solid var(--line);align-items:center;display:flex}.note-row{text-align:left;cursor:pointer;min-width:0;font:inherit;background:0 0;border:0;flex:1;gap:8px;padding:10px 8px 12px 18px;display:flex}.note-row p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.note-line .sprout-del{margin-right:8px}.fab{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;width:56px;height:56px;font-size:34px;line-height:1;position:absolute;bottom:22px;right:18px}.doc{padding:8px 20px 16px}.num-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:6px 0 12px;display:grid}.huge{letter-spacing:-.04em;align-items:center;font-size:56px;font-weight:800;line-height:1;display:flex}.num-row .pill-add{place-self:center stretch;width:auto;min-width:0}.num-row .more-wrap{align-items:center;display:flex}.num-row .more{justify-content:center;align-items:center;height:36px;display:flex}.pills{scrollbar-width:none;flex-direction:column;gap:6px;max-height:118px;margin-bottom:12px;display:flex;overflow-y:auto}.pills::-webkit-scrollbar{width:0;height:0}.pill-row{width:100%;position:relative}.pill{background:var(--green);color:#fff;width:100%;font:inherit;cursor:pointer;white-space:nowrap;text-align:center;border:0;border-radius:999px;padding:7px 28px 7px 14px;font-size:13px;font-weight:700}.pill-add{width:100%;color:var(--green);border:2px solid var(--green);background:#fff;flex-shrink:0;padding:6px 14px}.pill-del{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;width:22px;height:22px;font-size:16px;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.body-text{color:#222;margin-bottom:10px;font-size:16px;line-height:1.45}.note-hit{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.note-edit{margin-bottom:10px}.body-edit{resize:none;width:100%;font:inherit;color:#222;border:2px solid var(--green);background:#fff;border-radius:12px;outline:none;padding:8px 10px;font-size:16px;line-height:1.45;display:block;overflow:hidden}.note-del{color:#c0392b;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0 0;font-size:13px}.carousel{margin-bottom:8px;position:relative}.carousel .nav{color:#111;cursor:pointer;z-index:1;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel .nav.prev{left:0}.carousel .nav.next{right:0}.track{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;padding:4px 22px;display:flex;overflow-x:auto}.track::-webkit-scrollbar{width:0;height:0}.slide{cursor:pointer;border:0;border-radius:8px;flex:0 0 86px;height:118px;padding:0;position:relative;overflow:hidden}.slide img{object-fit:cover;width:100%;height:100%;display:block}.slide .play{color:#fff;background:#0003;place-items:center;display:grid;position:absolute;inset:0}.slide time{color:#fff;text-shadow:0 1px 2px #000;font-size:8px;position:absolute;bottom:4px;left:4px}.dots{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.dots i{background:#d4d4d4;border-radius:50%;width:7px;height:7px;display:block}.dots i.on{background:var(--green)}.sprout-head{justify-content:space-between;align-items:center;gap:8px;margin:16px 0 10px;display:flex}.sprout-head h3{font-size:17px}.sprout-row{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:8px 0;display:flex}.thumb img{object-fit:cover;width:100%;height:100%}.sprout-row b{font-size:14px}.sprout-row p{color:#555;margin-top:2px;font-size:12px;line-height:1.3}.sprout-only{text-align:center;flex:1;min-width:0;font-size:16px;font-weight:800}.sprout-title{margin:8px 0 10px;font-size:28px;font-weight:800}.badge{background:var(--green);color:#fff;border-radius:999px;margin-bottom:12px;padding:8px 22px;font-weight:800;display:inline-block}.more-wrap{flex-shrink:0;position:relative}.more{font:inherit;cursor:pointer;color:#333;background:0 0;border:0;padding:4px 8px;font-size:22px;line-height:1}.more-menu{z-index:20;background:#fff;border:1px solid #ddd;border-radius:10px;min-width:140px;position:absolute;top:28px;right:0;overflow:hidden}.more-menu button{text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:0;padding:10px 12px;display:block}.sprout-line{align-items:center;gap:4px;display:flex}.sprout-line .sprout-row{flex:1;min-width:0}.thumb{border:1px solid var(--line);background:#eee;border-radius:6px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.thumb.plain{background:0 0;border:0}.thumb.plain .sprout-ico{width:36px;height:36px;margin:0}.composer-wrap{background:#fff;flex-shrink:0;padding:8px 12px 14px}.attach-tray{gap:8px;padding:0 4px 8px;display:flex;overflow-x:auto}.att{border-radius:8px;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.att img,.att video{object-fit:cover;width:100%;height:100%}.att .x{color:#fff;cursor:pointer;background:#000;border:0;border-radius:50%;width:16px;height:16px;font-size:10px;position:absolute;top:2px;right:2px}.composer{align-items:center;gap:8px;display:flex}.composer input{font:inherit;border:1.5px solid #ddd;border-radius:999px;outline:none;flex:1;padding:10px 14px}.c-btn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.c-btn.rec{background:#c0392b;animation:1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{filter:brightness(1.25);transform:scale(1.06)}}.rec-bar{color:#c0392b;text-align:center;padding:0 8px 8px;font-size:13px;font-weight:600}.toast{color:#fff;z-index:110;white-space:nowrap;background:#111;border-radius:8px;padding:8px 14px;font-size:13px;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.sheet-bg{z-index:100;background:#00000059;animation:.2s fade-in;position:absolute;inset:0}.sheet-bg.out{animation:.2s forwards fade-out}.sheet{z-index:101;background:#fff;border-radius:18px 18px 0 0;padding:16px 18px 24px;animation:.28s ease-out sheet-up;position:absolute;bottom:0;left:0;right:0}.sheet.out{animation:.2s ease-in forwards sheet-down}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-bg,.sheet.out,.sheet-bg.out{animation:none}}.sheet h3{margin-bottom:12px;font-size:16px}.sheet>label{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}.sheet input,.sheet select{width:100%;font:inherit;border:2px solid var(--green);border-radius:12px;margin-bottom:8px;padding:10px 12px}.sheet .primary{margin-top:8px}.secondary{width:100%;font:inherit;cursor:pointer;background:#f3f3f3;border:0;border-radius:999px;margin-top:8px;padding:12px}.sheet>label.sheet-act{width:100%;color:inherit;cursor:pointer;align-items:center;gap:10px;margin:0;padding:14px 0;font-size:16px;display:flex;position:relative}.sheet-act .sheet-file{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewer{color:#fff;z-index:90;background:#111;flex-direction:column;display:flex;position:absolute;inset:0}.viewer .header{background:#111}.viewer-acts{flex-shrink:0;align-items:center;display:flex}.v-act{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.viewer .body{touch-action:pan-y;flex:1;min-height:0;position:relative;overflow:hidden}.viewer-strip{will-change:transform;height:100%;transition:transform .38s cubic-bezier(.22,.61,.36,1);display:flex}.viewer-strip.dragging{transition:none}.viewer-slide{flex-shrink:0;height:100%}.viewer img,.viewer video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.viewer video{pointer-events:auto}.v-nav{color:#fff;cursor:pointer;z-index:1;background:0 0;border:0;width:40px;height:40px;font-size:32px;position:absolute;top:50%;transform:translateY(-50%)}.v-nav.prev{left:4px}.v-nav.next{right:4px}