:root{--wax: #F7EBD0;--wax-deep: #F2E4C4;--panel: #FBF4E0;--ink: #4A3620;--ink-soft: rgba(74, 54, 32, .66);--ink-faint: rgba(74, 54, 32, .42);--amber: #D98E2B;--amber-deep: #A45F14;--ivory: #EFE0B8;--candied: #E1CF9E;--smoke: #8C8272;--line: rgba(74, 54, 32, .14);--empty: #EFE3C4;--leaf: #6E8C3E;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Baskerville, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--shadow: 0 18px 50px -28px rgba(74, 40, 12, .55);--radius: 16px;--btn-fg: #FBF4E0;--backdrop-a: #EFE3C4;--backdrop-b: #E7D9B6;--backdrop-glow: #FBF3DE;--cell-nectar: #F1E4BE;--cell-c1: #ECD7A0;--cell-c2: #E3B663;--cell-c3: #D98E2B;--cell-capped: #EFE0B8;--cell-caprim: #E4CE96;--cell-crystal: #E1CF9E;--cell-crystal-a: #F2E7C6;--cell-crystal-b: #D6C08A;--cell-stroke: #4A3620;--cell-empty: #EFE3C4;--cell-empty-stroke: rgba(74, 54, 32, .35);--cell-label: rgba(74, 54, 32, .6);--cell-label-cap: rgba(74, 54, 32, .5);--nectar-fill: #F0DDAE;--nectar-line: #E8C86E}[data-theme=linen]{--wax: #F4EFE2;--wax-deep: #ECE4D0;--panel: #FBF7EC;--ink: #46443A;--ink-soft: rgba(70, 68, 58, .66);--ink-faint: rgba(70, 68, 58, .42);--amber: #CF9A46;--amber-deep: #9C6A24;--smoke: #8C8578;--line: rgba(70, 68, 58, .13);--empty: #EDE7D6;--backdrop-a: #ECE4D0;--backdrop-b: #E1D7C0;--backdrop-glow: #FAF6EA;--cell-empty: #EDE7D6;--cell-label: rgba(70, 68, 58, .6);--cell-label-cap: rgba(70, 68, 58, .5)}[data-theme=clover]{--wax: #F2EED8;--wax-deep: #EAE6CC;--panel: #F9F5E1;--ink: #3E4230;--ink-soft: rgba(62, 66, 48, .66);--ink-faint: rgba(62, 66, 48, .42);--amber: #C89230;--amber-deep: #7E6620;--smoke: #82836C;--line: rgba(62, 66, 48, .14);--empty: #E9E6CC;--backdrop-a: #E7E4C6;--backdrop-b: #D8D6B2;--backdrop-glow: #F6F3DE;--cell-empty: #E9E6CC;--cell-label: rgba(62, 66, 48, .62);--cell-label-cap: rgba(62, 66, 48, .5)}[data-theme=dusk]{--wax: #241C13;--wax-deep: #2E251A;--panel: #2C2318;--ink: #EFE2C8;--ink-soft: rgba(239, 226, 200, .72);--ink-faint: rgba(239, 226, 200, .46);--amber: #E0A040;--amber-deep: #E0A040;--smoke: #A99C86;--line: rgba(239, 226, 200, .14);--empty: #332A1E;--shadow: 0 18px 50px -28px rgba(0, 0, 0, .7);--btn-fg: #2A2013;--backdrop-a: #1D160E;--backdrop-b: #120D07;--backdrop-glow: #2E2216;--cell-stroke: rgba(239, 226, 200, .42);--cell-empty: #332A1E;--cell-empty-stroke: rgba(239, 226, 200, .3)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(120% 60% at 50% -10%,var(--backdrop-glow) 0%,rgba(251,243,222,0) 60%),linear-gradient(180deg,var(--backdrop-a) 0%,var(--backdrop-b) 100%);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .35s ease,color .35s ease}button{font-family:inherit}:focus-visible{outline:2px solid var(--amber-deep);outline-offset:2px;border-radius:4px}.app{min-height:100vh;display:flex;justify-content:center}.screen{width:100%;max-width:460px;min-height:100vh;background:var(--wax);box-shadow:var(--shadow);padding:26px 24px calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column;position:relative}@media (min-width: 480px){.app{padding:32px 16px}.screen{min-height:calc(100vh - 64px);border-radius:28px}}.kicker{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.verse{font-family:var(--serif);color:var(--ink);line-height:1.55}.verse--lg{font-size:22px;line-height:1.5;text-align:center}.verse--md{font-size:17px;text-align:center}.vref{font-family:var(--serif);font-variant-caps:small-caps;letter-spacing:.14em;font-size:13px;color:var(--amber-deep);text-align:center}.btn{display:block;width:100%;border:none;border-radius:var(--radius);padding:14px 16px;font-family:var(--serif);font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:transform .08s ease,background .2s ease,box-shadow .2s ease;font-variant-numeric:tabular-nums}.btn:active{transform:translateY(1px)}.btn__sub{display:block;font-family:var(--sans);font-size:11px;font-weight:400;opacity:.85;margin-top:2px;letter-spacing:.01em}.btn--primary{background:var(--amber-deep);color:var(--btn-fg);box-shadow:0 8px 20px -10px #a45f14b3}.btn--primary:hover{background:#925214}.btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn--ghost:hover{border-color:var(--amber-deep)}.btn--amen{background:var(--wax);color:var(--ink);border:1.5px solid var(--ink);width:auto;padding:11px 40px;align-self:center}.btn--amen:hover{background:var(--wax-deep)}.stack{display:flex;flex-direction:column;gap:10px;width:100%}.topx{position:absolute;top:18px;right:18px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff6;color:var(--ink-soft);font-size:20px;line-height:1;cursor:pointer}.topx--dark{color:#efe4d0;border-color:#efe4d04d;background:#00000026}.linkbtn{background:none;border:none;color:var(--amber-deep);font-family:var(--sans);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.wordmark{display:flex;align-items:center;gap:10px}.wordmark h1{font-family:var(--serif);font-weight:600;font-size:34px;margin:0;letter-spacing:.005em}.wordmark--sm{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--ink);gap:7px}.onboard{padding:0;overflow:hidden}.onboard__band{background:linear-gradient(180deg,#FBF4E2 0%,var(--wax) 100%);padding:40px 24px 22px;text-align:center;position:relative;overflow:hidden}.onboard__sun{position:absolute;left:50%;top:14px;transform:translate(-50%);width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#d98e2b47,#d98e2b00 70%)}.onboard .wordmark{justify-content:center;position:relative}.onboard__tag{font-style:italic;font-size:16px;color:var(--ink-soft);margin:12px 0 0;position:relative}.onboard__body{padding:22px 24px 30px;display:flex;flex-direction:column;gap:16px;flex:1}.lede{font-size:15.5px;line-height:1.62;color:var(--ink-soft);margin:0}.lede em{color:var(--amber-deep);font-style:italic}.field-label{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.hive-list{display:flex;flex-direction:column;gap:10px}.hive-opt{display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel);border:1.5px solid var(--line);border-radius:14px;padding:13px 15px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.hive-opt.is-on{border-color:var(--amber-deep);background:#a45f140f}.hive-opt__text{display:flex;flex-direction:column;flex:1;min-width:0}.hive-opt__name{font-family:var(--serif);font-size:16px;font-weight:600}.hive-opt__tag{font-family:var(--sans);font-size:11.5px;color:var(--ink-faint);margin-top:2px;line-height:1.35}.hive-opt__count{font-family:var(--mono);font-size:11px;color:var(--ink-faint);flex:none}.hive-opt.is-on .hive-opt__count{color:var(--amber-deep)}.fineprint{font-family:var(--sans);font-size:11px;color:var(--ink-faint);text-align:center;margin:4px 0 0}.home__top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.hive-pills{display:flex;gap:6px;flex-wrap:wrap}.hive-pill{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.01em;border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:999px;padding:5px 11px;cursor:pointer}.hive-pill.is-on{background:var(--ink);color:var(--wax);border-color:var(--ink)}.home__meta{display:flex;align-items:baseline;justify-content:space-between;margin:18px 0 6px}.home__hive{font-family:var(--serif);font-size:21px;font-weight:600}.home__stat{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.comb-wrap{display:flex;justify-content:center;padding:6px 0 4px}.comb{width:100%;max-width:320px;height:auto}.legend{font-family:var(--sans);font-size:11.5px;line-height:1.5;color:var(--ink-faint);text-align:center;margin:8px 2px 0}.home__actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:18px}.rested{font-family:var(--sans);font-size:13px;color:var(--ink-soft);text-align:center;line-height:1.5;padding:6px 10px}.home__foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--sans);font-size:11px;color:var(--ink-faint)}.cell{cursor:pointer}.cell__body{stroke:var(--cell-stroke);stroke-width:1;transition:fill .6s ease}.cell--empty .cell__body{stroke:var(--cell-empty-stroke)}.cell__cap{fill:none;stroke:var(--cell-caprim);stroke-width:1.5}.cell__halo{fill:none;stroke:var(--amber);stroke-width:2;opacity:.55;animation:pulse 2.6s ease-in-out infinite}.cell__label{font-family:var(--sans);font-size:8px;font-weight:600;fill:var(--cell-label);letter-spacing:.02em}.cell--capped .cell__label{fill:var(--cell-label-cap)}.cell__plus{font-family:var(--serif);font-size:16px;fill:var(--ink-faint)}.cell:hover .cell__body{filter:brightness(1.03)}.cell:active .cell__body{transform-box:fill-box}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.7}}@media (prefers-reduced-motion: reduce){.cell__halo{animation:none;opacity:.5}}.gather{align-items:center;text-align:center;gap:0}.gather__top{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin-bottom:8px;padding-right:40px}.gather__ref{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.gather__prog{font-family:var(--mono);font-size:12px;color:var(--amber-deep);font-variant-numeric:tabular-nums}.gather .kicker{margin-top:6px}.gather__lines{margin:20px 0;display:flex;flex-direction:column;gap:10px;width:100%}.gline{margin:0;font-family:var(--serif);font-size:18px;line-height:1.5}.gline--in{color:var(--ink)}.gline--now{color:var(--amber-deep);font-weight:600;letter-spacing:.02em}.gline--now.is-revealed{letter-spacing:0}.gline--soon{color:var(--ink-faint);letter-spacing:.05em}.gather__actions{display:flex;gap:10px;width:100%;margin-top:auto}.gather__actions .btn{flex:1}.gather__actions .btn--primary{flex:1.4}.gather__hint{font-family:var(--sans);font-size:11px;color:var(--ink-faint);margin:12px 0 0}.gather--done{justify-content:center;gap:14px}.gather--done .verse--lg{margin:4px 0 0}.gather__note{font-family:var(--sans);font-size:12.5px;color:var(--ink-soft);line-height:1.5;margin:0}.review{align-items:center;text-align:center}.review__count{font-family:var(--mono);font-size:11px;color:var(--ink-faint);align-self:flex-end;margin-right:40px}.review__ref{font-family:var(--serif);font-size:22px;font-weight:600;margin:14px 0 20px}.recall{font-family:var(--serif);font-size:20px;line-height:1.85;letter-spacing:.06em;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 20px;width:100%;transition:letter-spacing .3s ease}.recall.is-revealed{letter-spacing:0;line-height:1.6}.review__reveal{margin-top:18px}.review__grades{width:100%;margin-top:20px}.grade-label{font-family:var(--sans);font-size:12px;color:var(--ink-soft);margin-bottom:10px}.grade-row{display:flex;gap:8px}.grade{flex:1;border-radius:12px;padding:13px 8px;font-family:var(--serif);font-size:15px;font-weight:600;cursor:pointer;border:1.5px solid var(--line);background:transparent;color:var(--ink)}.grade--yes{background:var(--amber-deep);color:var(--btn-fg);border-color:var(--amber-deep)}.grade--almost{border-color:var(--amber);color:var(--amber-deep)}.grade--no{color:var(--ink-soft)}.review__nostreak{font-family:var(--sans);font-size:11px;color:var(--ink-faint);margin:14px 0 0}.review--result{justify-content:center;gap:12px}.review--result.is-capped{background:linear-gradient(180deg,#FBF4E2 0%,var(--wax) 40%)}.result__hex{margin:4px 0;animation:rise .5s ease}.result__msg{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--amber-deep);margin:0}.review--result.is-capped .result__msg{font-size:21px}.review--done{justify-content:center;gap:14px;align-items:center;text-align:center}.review__donetext{font-family:var(--sans);font-size:13.5px;color:var(--ink-soft);line-height:1.55;max-width:30ch}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.result__hex{animation:none}}.review__choose{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:22px}.review__typeactions{display:flex;gap:10px;width:100%;margin-top:14px}.review__typeactions .btn{flex:1}.review__typeactions .btn--primary{flex:1.5}.review__typeactions .btn:disabled{opacity:.5;cursor:default}.recall-input{width:100%;margin-top:18px;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px;font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--ink);resize:none}.recall-input::placeholder{color:var(--ink-faint);font-style:italic}.diffbox{width:100%}.diff{font-family:var(--serif);font-size:18px;line-height:1.85;text-align:center;margin:0 0 12px}.w-ok{color:var(--ink)}.w-missed{color:var(--amber-deep);background:#d98e2b29;border-radius:4px;padding:1px 3px;text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.diff-acc{font-family:var(--sans);font-size:13px;color:var(--ink-soft);text-align:center;margin-bottom:8px;font-variant-numeric:tabular-nums}.diff-acc b{color:var(--ink)}.diff-extra{color:var(--ink-faint)}.diff-pct{color:var(--amber-deep);font-weight:600}.btn--soft{background:var(--wax-deep);color:var(--ink);border:1px solid var(--line)}.btn--soft:hover{background:#eedfbe}.review--speak .review__typeactions{margin-top:auto}.mic{width:104px;height:104px;border-radius:50%;border:none;margin:30px auto 0;display:flex;align-items:center;justify-content:center;background:var(--amber-deep);color:#fbf4e0;cursor:pointer;box-shadow:0 10px 24px -10px #a45f1499;transition:transform .1s ease,background .2s ease}.mic:active{transform:translateY(1px)}.mic.is-live{background:var(--amber);animation:miclive 1.7s ease-out infinite}@keyframes miclive{0%{box-shadow:0 0 #d98e2b80}70%{box-shadow:0 0 0 24px #d98e2b00}to{box-shadow:0 0 #d98e2b00}}@media (prefers-reduced-motion: reduce){.mic.is-live{animation:none}}.mic-label{font-family:var(--sans);font-size:12.5px;color:var(--ink-soft);margin-top:15px}.speak-transcript{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--ink);margin:20px 2px 0;min-height:1.6em}.speak-interim{color:var(--ink-faint)}.speak-error{font-family:var(--sans);font-size:12.5px;color:#a5472e;margin:16px 2px 0;line-height:1.5}.speak-error .linkbtn{color:inherit}.tasting{padding:0}.tasting__band{background:linear-gradient(180deg,#FBF4E2 0%,var(--wax) 100%);padding:30px 24px 16px;text-align:center;position:relative;overflow:hidden}.tasting__sun{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);width:110px;height:56px;border-radius:110px 110px 0 0;background:#d98e2b38}.tasting__kick{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--amber-deep);position:relative}.tasting__sub{font-style:italic;font-size:12px;color:var(--smoke);margin-top:5px;position:relative}.tasting__body{padding:26px 26px 30px;display:flex;flex-direction:column;gap:14px;flex:1}.tasting__verse{margin:0}.tasting__say{font-family:var(--sans);font-size:12px;color:var(--smoke);text-align:center;margin:0}.tasting__note textarea{width:100%;resize:none;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:11px 13px;font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--ink);line-height:1.4}.tasting__note textarea::placeholder{color:var(--ink-faint)}.tasting__journal{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tasting__journal li{display:flex;gap:10px;font-size:12.5px}.tasting__jdate{font-family:var(--mono);color:var(--smoke);flex:none}.tasting__jnote{font-family:var(--serif);font-style:italic;color:var(--ink-soft)}.tasting__stat{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--smoke);text-align:center;font-variant-numeric:tabular-nums;text-transform:uppercase}.tasting__body .btn--amen{margin-top:auto}.gear{background:transparent;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;flex:none}.gear:hover{color:var(--amber-deep);border-color:var(--amber-deep)}.home .hive-pills{margin-top:10px}.deskapp{min-height:100vh;display:flex;flex-direction:column;color:var(--ink);background:var(--wax)}.dtop{display:flex;align-items:center;gap:20px;padding:18px 30px;border-bottom:1px solid var(--line);flex-wrap:wrap}.dtop--slim{border-bottom:none;padding:16px 30px}.dtabs{display:flex;gap:6px;flex-wrap:wrap;flex:1}.dtab{font-family:var(--sans);font-size:12px;font-weight:600;border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:999px;padding:6px 13px;cursor:pointer}.dtab.is-on{background:var(--ink);color:var(--wax);border-color:var(--ink)}.dtop__right{display:flex;align-items:center;gap:14px;margin-left:auto}.dtop__stat{font-family:var(--mono);font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.study__main{flex:1;display:grid;grid-template-columns:1.15fr .85fr;max-width:1180px;width:100%;margin:0 auto}.study__comb{padding:28px 34px;border-right:1px solid var(--line);display:flex;flex-direction:column}.study__comb h2{font-family:var(--serif);font-size:22px;font-weight:600;margin:0 0 2px}.study__comb h2 span{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-left:10px}.comb-wrap-lg{max-width:360px;margin:16px auto 12px}.comb-wrap-lg .comb,.comb-wrap-xl .comb{width:100%;height:auto}.study__panel{padding:28px 34px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,var(--panel),var(--wax))}.due-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.due-num{font-family:var(--serif);font-size:40px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.due-num span{font-family:var(--sans);font-size:14px;color:var(--ink-soft);font-weight:400;margin-left:6px}.due-card .btn{width:100%;margin-top:12px}.now h3{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px}.now-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--line)}.now-row:first-of-type{border-top:none}.now-row .rr{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink);flex:1}.now-row .ss{font-family:var(--sans);font-size:11px;color:var(--ink-faint)}.study__spacer{flex:1;min-height:8px}.greatcomb{background:radial-gradient(80% 70% at 50% 12%,var(--backdrop-glow),var(--wax) 70%)}.greatcomb__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 20px}.comb-wrap-xl{width:min(520px,58vh)}.dock{display:flex;gap:12px;justify-content:center;padding:0 20px 34px;flex-wrap:wrap}.dock .btn{min-width:220px}.dock .rested{align-self:center}.settings__head{margin-bottom:4px}.settings__title{font-family:var(--serif);font-size:30px;font-weight:600;margin:8px 0 0}.set-group{margin-top:26px}.set-label{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.lylist{display:flex;flex-direction:column;gap:10px}.lycard{display:flex;align-items:center;gap:14px;text-align:left;background:var(--panel);border:1.5px solid var(--line);border-radius:14px;padding:13px 15px;cursor:pointer;color:var(--ink);transition:border-color .15s ease,background .15s ease}.lycard.is-on{border-color:var(--amber-deep);background:#a45f140f}.lycard__ic{color:var(--amber-deep);flex:none;display:flex}.lycard__t{display:flex;flex-direction:column;flex:1;min-width:0}.lycard__name{font-family:var(--serif);font-size:16px;font-weight:600}.lycard__desc{font-family:var(--sans);font-size:12px;color:var(--ink-faint);margin-top:2px}.lycard__tick{color:var(--amber-deep);font-size:16px;flex:none;width:18px;text-align:center}.set-note{font-family:var(--sans);font-size:11.5px;color:var(--ink-faint);line-height:1.5;margin:10px 2px 0}.swlist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.swcard{display:flex;align-items:center;gap:11px;background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;cursor:pointer;color:var(--ink);transition:border-color .15s ease}.swcard.is-on{border-color:var(--amber-deep)}.swcard__chips{display:flex;flex:none}.swchip{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12);margin-left:-5px}.swchip:first-child{margin-left:0}.swcard__name{font-family:var(--serif);font-size:14px;font-weight:600}.settings__done{margin-top:28px;width:100%}