:root{color:#1d2540;font-synthesis:none;--ink:#1d2540;--paper:#fffaf1;--green:#536fb6;--orange:#c54f78;--line:#c6ccdc;background:#edf0f8;font-family:Georgia,Times New Roman,Noto Serif SC,serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,#0000 49.9%,#1d254006 50%),#edf0f8;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}main{width:min(1440px,100%);margin:auto;padding:28px 34px 56px}.masthead{border-bottom:1px solid #9eaba2;grid-template-columns:80px 1fr auto;align-items:center;gap:24px;padding:12px 0 30px;display:grid}.brand-mark{border:1px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;gap:4px;width:68px;height:68px;display:flex;transform:rotate(-8deg)}.brand-mark span{background:var(--paper);border:1px solid var(--ink);border-radius:55% 55% 45% 45%;width:10px;height:26px}.brand-mark span:nth-child(2){height:34px}.eyebrow{letter-spacing:.18em;color:var(--green);margin:0 0 6px;font:700 11px/1.4 system-ui,sans-serif}h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,70px);line-height:.86}.lede{color:#536159;max-width:560px;margin:12px 0 0;font-size:15px}.birth-field{align-self:end;gap:8px;font:700 12px system-ui,sans-serif;display:grid}.birth-field small,label small{color:#6b756f;font-weight:400}.birth-field input,.entry-panel input,.entry-panel select,.entry-panel textarea,.timeline-head select{color:var(--ink);background:#ffffff73;border:1px solid #aab5ad;border-radius:0;outline:none;padding:11px}.birth-field input:focus,.entry-panel input:focus,.entry-panel select:focus,.entry-panel textarea:focus{border-color:var(--orange);box-shadow:0 0 0 2px #d5633c21}.workspace{border-bottom:1px solid #9eaba2;grid-template-columns:380px 1fr;display:grid}.entry-panel{border-right:1px solid #9eaba2;padding:34px 34px 34px 0}.map-panel{min-width:0;padding:34px 0 34px 42px}.section-title{align-items:flex-start;gap:14px;margin-bottom:26px;display:flex}.section-title>span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:27px;height:27px;font:700 10px system-ui,sans-serif;display:grid}.section-title h2{margin:1px 0 0;font-size:24px;line-height:1.1}.section-title p{color:#68736c;margin:5px 0 0;font:400 12px system-ui,sans-serif}.entry-panel form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.entry-panel form>label{gap:7px;font:700 12px system-ui,sans-serif;display:grid}.entry-panel form>label:nth-of-type(3),.entry-panel fieldset,.entry-panel .error,.entry-panel .primary{grid-column:1/-1}.entry-panel textarea{resize:vertical;min-height:76px}.entry-panel fieldset{border:0;margin:0;padding:0}.entry-panel legend{margin-bottom:8px;font:700 12px system-ui,sans-serif}.type-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.type-grid label{cursor:pointer;background:#fff3;border:1px solid #b4bfb7;place-items:center;gap:3px;padding:10px 3px;font:600 11px system-ui,sans-serif;display:grid}.type-grid label.active{background:var(--ink);color:#fff;border-color:var(--ink)}.type-grid input{opacity:0;position:absolute}.type-grid b{font:400 21px Georgia}.primary{background:var(--orange);color:#fff;border:0;justify-content:space-between;padding:14px 16px;font:700 13px system-ui,sans-serif;display:flex}.primary:hover{background:#a53b63}.error{color:#a22d21;margin:0;font:600 12px system-ui,sans-serif}.privacy{color:#6c766f;margin:14px 0 0;font:400 11px system-ui,sans-serif}.mouth{background:var(--paper);border:1px solid #cad0c9;border-radius:50% 50% 40% 40%/25% 25% 18% 18%;padding:32px clamp(12px,4vw,68px);box-shadow:inset 0 0 50px #536fb60d}.arch{grid-template-columns:repeat(10,minmax(34px,1fr));align-items:end;gap:7px;display:grid}.arch button{min-width:0;color:var(--ink);background:0 0;border:0;padding:0;position:relative}.tooth-shape{background:#e3e0d4;border:1px solid #abb4ad;border-radius:48% 48% 38% 38%;place-items:center;width:clamp(30px,4vw,50px);height:clamp(41px,5.5vw,66px);margin:auto;font:700 18px Georgia;transition:all .2s;display:grid}.arch button:first-child .tooth-shape,.arch button:nth-child(10) .tooth-shape{height:47px}.arch button:nth-child(2) .tooth-shape,.arch button:nth-child(9) .tooth-shape{height:54px}.arch button.logged .tooth-shape{border-color:var(--green);background:#e1e7f8}.arch button.selected .tooth-shape{background:var(--orange);color:#fff;border-color:var(--orange);transform:translateY(-5px)}.arch small{color:#657168;margin:6px 0;font:600 9px system-ui,sans-serif;display:block}.arch i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font:700 9px system-ui,sans-serif;display:grid;position:absolute;top:-7px;right:8%}.mouth-line{color:#829087;letter-spacing:.08em;align-items:center;gap:12px;margin:18px 0;font:600 9px system-ui,sans-serif;display:flex}.mouth-line:before,.mouth-line:after{content:"";background:#bfc7c0;flex:1;height:1px}.mouth-line em{font-style:normal}.lower{align-items:start}.lower .tooth-shape{border-radius:38% 38% 48% 48%}.lower button.selected .tooth-shape{transform:translateY(5px)}.map-legend{color:#58645d;align-items:center;gap:20px;margin-top:18px;font:500 11px system-ui,sans-serif;display:flex}.map-legend span{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot.filled{background:var(--green)}.dot.ring{border:2px solid var(--orange)}.map-legend button{border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:0 0;margin-left:auto;padding:4px 0;font-size:11px}.timeline-panel{padding-top:34px}.timeline-head{justify-content:space-between;align-items:flex-start;display:flex}.timeline-head select{min-width:150px}.empty{text-align:center;border:1px dashed #aeb9b1;align-content:center;place-items:center;min-height:250px;padding:30px;display:grid}.empty-tooth{border:1px solid var(--green);width:48px;height:58px;color:var(--green);border-radius:45% 45% 36% 36%;place-items:center;font-size:22px;display:grid}.empty h3{margin:18px 0 7px;font-size:20px}.empty p{color:#67736b;margin:0;font:400 13px system-ui,sans-serif}.tracks{gap:14px;display:grid}.track{border-top:1px solid var(--line);grid-template-columns:100px 1fr;padding-top:18px;display:grid}.track-label{align-content:start;gap:3px;display:grid}.track-label strong{font-size:18px}.track-label span{color:#738078;font:500 10px system-ui,sans-serif}.event-chain{align-items:stretch;padding:0 0 20px;display:flex;overflow-x:auto}.event-card{background:var(--paper);border-top:3px solid var(--green);gap:11px;min-width:210px;max-width:250px;padding:15px;display:flex;position:relative}.event-card[data-type=脱落]{border-color:var(--orange)}.event-card[data-type=长出]{border-color:#795aa8}.event-card[data-type=看牙医]{border-color:#8d6b4e}.event-mark{border:1px solid;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:17px;display:grid}.event-body time{color:#69746d;letter-spacing:.06em;font:600 10px system-ui,sans-serif}.event-body h3{margin:4px 0;font-size:18px}.event-body p{color:#4e5b54;overflow-wrap:anywhere;margin:5px 0;font:400 12px/1.45 system-ui,sans-serif}.event-body small{color:#7b857e;font:500 10px system-ui,sans-serif}.delete{color:#8c958f;background:0 0;border:0;font-size:18px;position:absolute;top:4px;right:6px}.interval{align-items:center;min-width:105px;display:flex}.interval:before,.interval:after{content:"";background:#87958b;flex:1;height:1px}.interval span{white-space:nowrap;color:#637067;margin:0 5px;font:600 9px system-ui,sans-serif}.age-ruler{color:#69756d;grid-template-columns:100px 1fr;align-items:center;margin-top:20px;font:600 10px system-ui,sans-serif;display:grid}.age-ruler>div{border-top:1px solid #9ba79e;justify-content:space-between;display:flex}.age-ruler i{justify-items:center;gap:5px;font-style:normal;display:grid;transform:translateY(-3px)}.age-ruler b{background:#758179;width:1px;height:6px}.age-hint{text-align:right;color:#6f7a73;font:500 11px system-ui,sans-serif}@media (width<=900px){main{padding:20px}.masthead{grid-template-columns:60px 1fr}.brand-mark{width:52px;height:52px}.birth-field{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.workspace{grid-template-columns:1fr}.entry-panel{border-bottom:1px solid #9eaba2;border-right:0;padding-right:0}.map-panel{padding-left:0}.mouth{padding-inline:10px}.tooth-shape{font-size:13px}.arch{gap:2px}.arch i{right:0}.track,.age-ruler{grid-template-columns:70px 1fr}}@media (width<=560px){main{padding:16px 13px 40px}.masthead{grid-template-columns:48px 1fr;gap:12px}.brand-mark{width:44px;height:44px}.brand-mark span{width:7px;height:20px}.brand-mark span:nth-child(2){height:26px}.lede{font-size:13px}.entry-panel form{grid-template-columns:1fr}.entry-panel form>label{grid-column:1/-1}.type-grid{grid-template-columns:repeat(2,1fr)}.map-panel{overflow:hidden}.mouth{margin-inline:-6px;padding:21px 5px}.arch{gap:0}.tooth-shape{width:27px;height:40px!important}.arch small{font-size:7px}.mouth-line{margin:12px 0}.map-legend{flex-wrap:wrap;gap:10px}.map-legend button{text-align:left;width:100%;margin:2px 0 0}.timeline-head{display:block}.timeline-head select{width:100%;margin-bottom:20px}.track{display:block}.track-label{justify-content:space-between;margin-bottom:12px;display:flex}.event-card{min-width:185px}.age-ruler{grid-template-columns:1fr}.age-ruler>span{margin-bottom:8px}}